h2,h3{margin-bottom:1rem}a,body{color:#EDBF68}.example-tweet,.item,.twitter-logo{vertical-align:middle}.mouth,svg:not(:root){overflow:hidden}.share-button,a{text-decoration:none}.directions-toggle,.item,.logo,.share-button,header{-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.share-button,a{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none}.showing-directions header .directions-toggle:after{display:block;content:''}*{margin:0;padding:0;border:0;box-shadow:none;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-text-rendering:optimizeLegibility;text-rendering:optimizeLegibility}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}img{border-style:none}input::-webkit-contacts-auto-fill-button{pointer-events:none;opacity:0}@keyframes load{0%{transform:scale3d(.5,.5,.5) translate3d(0,10em,0);opacity:0}50%{transform:scale3d(1.02,1.02,1.02)}80%{transform:scale3d(.98,.98,.98)}}@keyframes wobble{0%,100%{transform:rotate3d(0,0,1,-5deg)}50%{transform:rotate3d(0,0,1,5deg)}}@keyframes blink{0%,10%,100%{transform:scale3d(1,1,1)}5%{transform:scale3d(1,0,1)}}@keyframes highlighter{0%{transform:scale3d(0,0,0);opacity:0}15%{transform:scale3d(1,1,1);opacity:1}100%,20%{transform:scale3d(1.1,1.1,1.1);opacity:0}}@keyframes highlight-light-on-dark{20%,5%{background:#EDBF68;box-shadow:-.1em 0 #EDBF68,.1em 0 #EDBF68}0%,100%,25%{background:rgba(237,191,104,0);box-shadow:-.1em 0 rgba(237,191,104,0),.1em 0 rgba(237,191,104,0)}}@keyframes highlight-dark-on-light{20%,5%{background:#EDBF68;color:#060812;box-shadow:-.1em 0 #EDBF68,.1em 0 #EDBF68}0%,100%,25%{background:rgba(237,191,104,0);color:#EDBF68;box-shadow:-.1em 0 rgba(237,191,104,0),.1em 0 rgba(237,191,104,0)}}@keyframes angry{0%,40%{transform:translate3d(0,0,0)}50%,60%,70%{transform:translate3d(-2%,0,0)}55%,65%,75%{transform:translate3d(2%,0,0)}}@keyframes ghost{0%,100%{border-radius:50% 50% 35% 35%}10%{border-radius:50%;transform:scale3d(.7,.7,.7);transform-origin:top right}}@keyframes hungry{33%{transform:scale3d(.8,1,1)}66%{transform:scale3d(1,.8,1)}}@keyframes hyper{0%,100%,20%,90%{transform:none}5%{transform:scale3d(1,.8,1)}10%{transform:translate3d(0,-5%,0)}30%,50%,70%{transform:rotate3d(0,0,1,-2deg)}40%,60%,80%{transform:rotate3d(0,0,1,2deg)}}@keyframes nervous{0%,100%,50%{transform:scale3d(1,1,1)}25%,75%{transform:scale3d(1,.8,1)}}@keyframes jackolantern{0%,100%,50%,55%{opacity:1}30%,70%{opacity:.9}10%{opacity:.7}85%{opacity:.8}}@keyframes spin{100%{transform:rotate(1turn)}}body{position:relative;background:#0e0b20;background:linear-gradient(#0e0b20,#181236);font:400 100%/1.2 Amatic SC,sans-serif;min-height:100vh;text-align:center}@media (min-width:50em){body{padding:1em;font-size:110%}}h1,h2,h3,h4,h5,h6{font-weight:400}.examples,.info a{font-weight:700}h1{font-size:3em;line-height:1}h2{font-size:1.6em}h3{font-size:1.3em}a{background-color:transparent;-webkit-text-decoration-skip:objects;cursor:pointer;border-bottom:thin dashed rgba(237,191,104,.5)}a:hover{color:#f2d295;border-bottom:thin dashed #EDBF68}.container{max-width:70em;margin:0 auto;padding:1em}header{text-align:left}header .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 0 0 1em}.directions-toggle,.logo{font-size:1.5em;cursor:pointer}.logo{line-height:1.5;margin-right:1rem;color:#EDBF68}.logo,.logo:hover{border:0}@media (min-width:25em){.logo{font-size:2em}}@media (min-width:50em){.directions-toggle,.logo{font-size:2em}.logo{font-size:3em;line-height:1}.showing-directions .logo{transform-origin:top left;transform:scale(.75)}}.directions-box,.directions-toggle{background:#283377;color:#fafafa;border-radius:1rem}.directions-toggle{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;tap-highlight-color:transparent;touch-callout:none;display:inline-block;position:relative;cursor:pointer;padding:1rem .75em;margin-bottom:1rem;box-shadow:inset .3rem -.3rem rgba(14,11,32,.2)}.info h3,header .directions-toggle{margin-bottom:0}footer .directions-toggle{font-size:1em}.showing-directions header .directions-toggle{border-radius:1rem 1rem 0 0;box-shadow:none}.showing-directions header .directions-toggle:after{position:absolute;width:2rem;height:2rem;background:0 0;bottom:0;right:100%;border-radius:1rem;box-shadow:1rem 1rem #283377}.showing-directions footer .directions-toggle{box-shadow:inset 0 0 0 2px #283377;background:0 0}.directions-toggle .close{display:none;position:absolute;top:0;right:0;width:100%;height:100%;border-radius:1rem 1rem 0 0;text-align:center;vertical-align:middle;background:rgba(40,51,119,.9);background:linear-gradient(90deg,rgba(40,51,119,0),#283377 66%)}.directions-toggle .close path{stroke:#EDBF68;stroke-width:1px;stroke-linecap:round}.directions-toggle .close:hover path{stroke:#f2d295}.showing-directions .directions-toggle .close{display:inline-block}.directions-box{display:none;position:relative;box-shadow:inset .3rem -.3rem rgba(14,11,32,.2)}.directions-box h2,.directions-box h3{margin:0}.showing-directions .directions-box{display:block;border-radius:1rem 0 1rem 1rem;padding-bottom:.3rem}.examples{list-style:none;padding:1em}@media (min-width:50em){.showing-directions .directions-box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;text-align:center}.examples{-ms-flex:1 0 24em;flex:1 0 24em;text-align:left}}.creatures,.item{text-align:center}.example-tweet{display:block;position:relative;padding:.5rem 1rem .5rem 1.75em;background:#fafafa;font-size:1.5em;color:#060812;border:0;margin-top:.25em;cursor:text;border-radius:1rem}.color-highlight,.handle-highlight,.more-highlight,.personality-highlight{border-radius:.25em;font-weight:700;box-shadow:-.1em 0 rgba(237,191,104,0),.1em 0 rgba(237,191,104,0)}.creature,.eye{border-radius:50%}.showing-directions .color-highlight,.showing-directions .handle-highlight,.showing-directions .more-highlight,.showing-directions .personality-highlight{animation:highlight-light-on-dark 12s ease-in-out infinite}.showing-directions .instructions .color-highlight,.showing-directions .instructions .handle-highlight,.showing-directions .instructions .more-highlight,.showing-directions .instructions .personality-highlight{animation-name:highlight-dark-on-light;color:#EDBF68}.showing-directions .color-highlight{animation-delay:3s}.showing-directions .personality-highlight{animation-delay:6s}.showing-directions .more-highlight{animation-delay:9s}.twitter-logo{width:1.5em;height:1.5em;position:absolute;top:.125em;left:.125em}.twitter-logo path{fill:#1da1f2}.is-visible{display:block}.creatures{min-height:25vh}.showing-directions .creatures{opacity:.25}.showing-directions .creatures a{pointer-events:none}.item{animation:load .5s ease-out both;display:inline-block;width:50%;padding:1em}.item:nth-child(1){animation-delay:.15s}.item:nth-child(2){animation-delay:.3s}.item:nth-child(3){animation-delay:.45s}.item:nth-child(4){animation-delay:.6s}.item:nth-child(5){animation-delay:.75s}.item:nth-child(6){animation-delay:.9s}.item:nth-child(7){animation-delay:1.05s}.item:nth-child(8){animation-delay:1.2s}.item:nth-child(9){animation-delay:1.35s}.item:nth-child(10){animation-delay:1.5s}.item:nth-child(11){animation-delay:1.65s}.item:nth-child(12){animation-delay:1.8s}.item:nth-child(13){animation-delay:1.95s}.item:nth-child(14){animation-delay:2.1s}.item:nth-child(15){animation-delay:2.25s}.item:nth-child(16){animation-delay:2.4s}@media (min-width:42em){.item{width:33.33333%}}@media (min-width:56em){.item{width:25%}}@media (min-width:70em){.item{width:20%}}@media (min-width:84em){.item{width:16.66667%}}@media (min-width:98em){.item{width:14.28571%}}@media (min-width:112em){.item{width:12.5%}}.creature,.eyes,.face{width:100%}@media (max-width:42em){.item:nth-last-child(-n+4){display:none}}@media (min-width:42em) and (max-width:56em){.item:nth-last-child(1){display:none}}@media (min-width:56em) and (max-width:70em){.item:nth-last-child(-n+2){display:none}}@media (min-width:70em) and (max-width:70em){.item:nth-last-child(-n+4){display:none}}.item.ad-box,.item.default-box{display:inline-block!important}.item.is-hidden{display:none!important}.mod-ghost .tooth,.mod-sleepy .tooth{display:none}.default-box{cursor:default}.info{padding:1rem 0;line-height:1.5}.default-box .info{line-height:1.2}.creature{animation:wobble 3s ease-in-out infinite;animation-delay:inherit;position:relative;padding-bottom:100%;margin:0 auto;transform-origin:center bottom;box-shadow:inset .3rem -.5rem rgba(14,11,32,.2);transition:box-shadow 1s}.creature-box:nth-last-child(1) .creature{background-color:#f44336}.creature-box:nth-last-child(2) .creature{background-color:#d8a635}.creature-box:nth-last-child(3) .creature{background-color:#5aa959}.creature-box:nth-last-child(4) .creature{background-color:#3cb9b9}.creature-box:nth-last-child(5) .creature{background-color:#5a31bb}.creature-box:nth-last-child(6) .creature{background-color:#785cbb}.creature-box:nth-last-child(7) .creature{background-color:#f44336}.creature-box:nth-last-child(8) .creature{background-color:#d8a635}.creature-box:nth-last-child(9) .creature{background-color:#5aa959}.creature-box:nth-last-child(10) .creature{background-color:#3cb9b9}.eye,.mouth{background:#0e0b20;position:absolute}.creature-box:hover .creature{box-shadow:inset .3rem -.75rem rgba(14,11,32,.2);transition-duration:.25s}.showing-directions .creature{filter:grayscale(1)}.face{position:absolute;top:0;left:0;height:100%;right:0;bottom:0;transition:transform 1s}.creature-box:hover .face{transform:translateY(-5%) scale(.95);transition:transform .25s}.eyes{position:absolute;top:22%;height:14%}.eye{animation:blink 5s linear infinite;height:100%;width:9%}.eye:nth-child(1){left:33%}.eye:nth-child(2){right:33%}.moustache{position:absolute;top:38%;left:18%;width:64%;height:14%}.mouth{top:45%;left:22%;right:22%;bottom:45%;border-radius:20% 20% 50% 50%;transform-origin:center top;transition:transform .25s}.creature-box:hover .mouth{transform:scale3d(.95,.75,1)}.tooth{position:absolute;top:0;width:15%;bottom:55%;background:#fafafa;border-radius:0 0 2px 2px}.tooth:nth-child(1){left:32%}.tooth:nth-child(2){right:32%}.mod-angry .face{animation:angry 4s ease-in-out infinite}.mod-angry .mouth{border-radius:50% 50% 5px 5px;left:30%;right:30%}.mod-camouflage .creature{background:url(img/mod-camouflage.png) center center}.mod-cyclops .eye:nth-child(1){left:45%}.mod-cyclops .eye:nth-child(2){right:45%}.mod-dark .eye,.mod-dark .mouth{background:#333}.mod-frozen *{animation-play-state:paused!important}.mod-ghost .creature{background:#c8c8c8!important;border-radius:50% 50% 30% 30%}.mod-ghost .mouth{animation:ghost 5s ease-in-out infinite;left:42%;right:42%;bottom:40%;border-radius:50% 50% 40% 40%}.mod-hungry .mouth{animation:hungry 1s ease-in-out infinite}.mod-hyper .face{animation:hyper 5s ease-in-out infinite}.mod-hyper .mouth{top:45%;left:20%;right:20%;bottom:25%}.mod-hyper .tooth{bottom:70%}.mod-jack-o-lantern .creature,.mod-jack-o-lantern .tooth{background:#804600!important}.mod-jack-o-lantern .eye,.mod-jack-o-lantern .moustache path,.mod-jack-o-lantern .mouth{animation:jackolantern 4s ease-in-out infinite;background:#bfa100;fill:#bfa100}.mod-jack-o-lantern .eye{-webkit-clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);border-radius:0}.mod-jack-o-lantern .moustache{top:40%;left:28%;width:44%;height:10%}.mod-jack-o-lantern .mouth{-webkit-clip-path:polygon(0 0,100% 0,100% 50%,70% 100%,30% 100%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,70% 100%,30% 100%,0 50%);border-radius:0}.mod-moustache .mouth{top:54%;bottom:32%}.mod-nervous .mouth,.mod-sad .mouth{border-radius:50% 50% 20% 20%;left:35%;right:35%;bottom:40%}.mod-sleepy .face{transform:rotate(45deg)}.mod-sleepy .eyes{transform:scaleY(.5)}.mod-sleepy .mouth{animation:ghost 5s ease-in-out infinite;left:42%;right:42%;bottom:40%;border-radius:50%}.mod-sleepy:hover .eyes{transform:scale(1)}.mod-square .eye,.mod-square .mouth{border-radius:5px}.mod-square .creature{border-radius:10%;width:95%;padding-bottom:95%;margin-top:5%}.mod-tall .creature{width:82%}.mod-tiny .creature{width:82%;padding-bottom:82%;margin-top:18%}.mod-transparent .creature{background:url(img/mod-transparent.png)}.mod-nervous .mouth{animation:nervous 6s ease-in-out infinite}.mod-upside-down .face{transform:rotate(180deg)}.mod-upside-down:hover .face{transform:rotate(180deg) translateY(-5%) scale(.95);transition:transform .25s}.mod-wink .eye:nth-child(2){animation:none}.ad-box{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;padding:1em}.ad-box a{border:0}.carbon-img{display:block;margin:0 auto}.carbon-img img{border-radius:1rem;width:100%;height:auto}.carbon-text{display:block;font-size:1.3em;color:#fafafa;margin:.5em 0;transition:color .5s}.ad-box:hover .carbon-text{color:#EDBF68;transition:color .25s}.carbon-poweredby{display:block;color:#84838d}.share,.share-button{display:inline-block}footer{padding:0 1em}.share{font-size:1em;margin-left:.5em}.share-button{border-radius:1rem;color:#fafafa;padding:1rem .7em 1rem 2em;background:#283377;border:0;box-shadow:inset .15em -.15em rgba(14,11,32,.2);transition:background 1s,color 1s;position:relative;cursor:pointer;margin-right:.25em}.share-button .twitter-logo{top:.525em;left:.5em}.share-button .twitter-logo path{fill:#1da1f2}.share-button:hover{color:#fff;border:0}