*,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0}html{-webkit-text-size-adjust:100%;font-size:18px;overflow-y:scroll;background-color:transparent}@media screen and (min-width:721px){html{font-size:20px}}#share a,.fun{font-size:.8rem;font-weight:700;text-transform:uppercase}body{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;margin:0;transition:color .2s ease-in-out,background-color .2s ease-in-out;text-align:center}a,a:active,a:hover,a:visited{white-space:nowrap;color:inherit}.fun{display:block;margin:5px 0 4px;letter-spacing:.1em}#what,.flip{margin:0 auto}.start{cursor:pointer}#what,.flip{position:relative;z-index:0;overflow:hidden}.flip span,.flip span::after{position:absolute;top:0;left:0}#colors ul,p{margin:0;padding:0}.flip,.flip span{width:calc(100vw - 40px);max-width:470px;height:calc(100vw - 40px);max-height:470px}.flip span{font-size:96px;font-weight:700;line-height:464px;display:block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;letter-spacing:.02em;border-width:6px;border-style:double;border-radius:50%;outline:0!important;-khtml-border-radius:50%;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-khtml-user-select:none}@media screen and (max-width:520px){.flip span{font-size:19vw;line-height:calc(100vw - 46px)}}.flip span::after{width:100%;height:50%;content:''}.flip span.flipping:hover{cursor:default}#what{width:100%;max-width:990px;padding:0 15px}#flips{font-family:monospace;font-size:1.5rem;font-weight:700;display:block;margin:.15em auto;letter-spacing:.08em}.hide{transition:opacity .8s ease-in-out;opacity:0!important}.hide.nottt{opacity:1!important}p{font-size:1.25rem;line-height:150%}p .start{white-space:nowrap;text-decoration:underline}@media screen and (min-width:1024px){#share .whatsapp{display:none!important}}#colors li,#share a{display:inline-block;margin:3px;cursor:pointer}#colors ul{list-style:none}#colors ul .white{background-color:#fff}#colors ul .black{background-color:#000}#colors ul .red{background-color:#e60000}#colors ul .purple{background-color:#850985}#colors ul .blue{background-color:#1c41d4}#colors ul .green{background-color:#0a5b0a}#colors li{position:relative;width:42px;height:42px;padding:0}body.white{color:#000;background-color:#fff}body.white .flip span,body.white .flip span.flipping:hover{color:#222;border-color:#555;background-color:#ddd}body.black{color:#efefef;background-color:#000}body.black .flip span,body.black .flip span.flipping:hover{color:#eee;border-color:#eee;background-color:#555}body.red{color:#fff;background-color:#a60c00}body.red .flip span,body.red .flip span.flipping:hover{color:#ffe6e6;border-color:#ffe6e6;background-color:#e60000}body.purple{color:#fff;background-color:#606}body.purple .flip span,body.purple .flip span.flipping:hover{color:#f0e6f0;border-color:#f0e6f0;background-color:#520052}body.blue{color:#fff;background-color:#1533ad}body.blue .flip span,body.blue .flip span.flipping:hover{color:#e6e6ff;border-color:#e6e6ff;background-color:#082083}body.green{color:#fff;background-color:#030}body.green .flip span,body.green .flip span.flipping:hover{color:#e6ebe6;border-color:#e6ebe6;background-color:#002900}#share a,#share a:active,#share a:hover{color:#fff}@media screen and (min-width:720px){body.white .flip span:hover{background-color:#e6e6e6}body.black .flip span:hover{background-color:#666}body.red .flip span:hover{background-color:#ff1300}body.purple .flip span:hover{background-color:#850985}body.blue .flip span:hover{background-color:#1c41d4}body.green .flip span:hover{background-color:#074707}}#share{margin-bottom:50px}#share a{width:100%;max-width:8em;padding:11px 0!important;vertical-align:middle;text-decoration:none;letter-spacing:.03em}#share .native{font-size:1rem;width:auto;max-width:none;margin:.25em;padding:1em 1.5em!important;letter-spacing:.06em}#share .native,#share .twitter{background:#00aced}#share .native:active,#share .twitter:active,#share .twitter:hover{background:#0084b4}#share .facebook{background:#3b5997}#share .facebook:active,#share .facebook:hover{background:#2d4372}#share .whatsapp{background:#2cb742}#share .whatsapp:active,#share .whatsapp:hover{background:#1fa434}.adL,.adR{position:absolute;top:0;max-width:300px;max-height:1050px}.adL{left:0}.adR{right:0}@media screen and (max-width:1249px){.adL,.adR{display:none!important}}.margin{margin-top:7vw;margin-bottom:7vw}@media screen and (min-width:721px){.margin{margin-top:50px;margin-bottom:50px}}