body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{margin:0;padding:0;font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;text-align:center;box-sizing:border-box}canvas{width:100%;position:absolute;top:0;left:0;pointer-events:all}noscript{width:310px;margin:30vh auto;overflow:hidden;display:block;text-align:left;font-family:monospace;font-size:24px}#root{position:relative}.App{text-align:center;min-height:1200px;margin-bottom:calc(100vh - 50px)}.benji2phones{width:150px;margin:0 auto;display:block}.section{text-align:left;margin:0 auto;position:relative;z-index:-2;background:#fff;pointer-events:all;min-height:130vh}.teeth{position:absolute;background:#fff;bottom:-48px;z-index:3;-webkit-mask-image:linear-gradient(to bottom right,#fff,#fff 50%,transparent 0,transparent),linear-gradient(0deg,transparent 30px,#000 0,#fff);mask-image:linear-gradient(to bottom right,#fff,#fff 50%,transparent 0,transparent),linear-gradient(0deg,transparent 30px,#000 0,#fff);-webkit-mask-size:30px 30px,100% 100%;mask-size:30px 30px,100% 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:left bottom;mask-position:left bottom;display:block}.teeth,.toothcase{width:100%;height:50px;left:0}.toothcase{position:fixed;background:#000;top:0;z-index:1}.upper.teeth{height:30px;background:#000;bottom:-30px;z-index:3;left:0;width:100%;-webkit-mask-image:linear-gradient(to bottom right,#000,#000 50%,transparent 0,transparent),linear-gradient(180deg,transparent 30px,#fff 0,#000);mask-image:linear-gradient(to bottom right,#000,#000 50%,transparent 0,transparent),linear-gradient(180deg,transparent 30px,#fff 0,#000);-webkit-mask-size:30px 30px,100% 100%;mask-size:30px 30px,100% 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:left bottom;mask-position:left bottom;display:block}.padder{padding:30vh 20px 0}.morefun{height:120vh}.morefun,h1{position:relative}h1{font-size:30px;display:inline-block;margin:20px 0 10px;overflow:hidden;padding:7px 0;white-space:nowrap}p{font-size:20px;line-height:30px;letter-spacing:.2px}.section p:first-of-type:first-letter{color:red;float:left;font-weight:700;font-size:60px;line-height:50px;padding-top:6px;padding-right:8px;padding-left:3px}.hi{position:-webkit-sticky;position:sticky;text-align:center;top:30vh;display:block}.wiggler{position:absolute;top:0;left:0;pointer-events:none;fill:none;stroke:#000;stroke-width:1px;top:20px;stroke-width:2px;transition:transform .7s;transition-timing-function:cubic-bezier(0,.25,.5,1)}h1 .wiggler{stroke-width:7px;animation:move 4s infinite forwards}a{color:#000;text-decoration:none;overflow:hidden;padding:7px 0;position:relative;white-space:nowrap;display:inline-block;vertical-align:middle;margin:0 0 3px}a .wiggler{stroke:red;top:25px;stroke-width:6px}a:hover{color:rgba(0,0,0,.5)}a:hover .wiggler{transform:translate3d(-66.6%,0,0)}a:active,a:focus{color:red}a.note .wiggler{top:19px;width:300px}@keyframes move{0%{transform:translateZ(0)}50%{transform:translate3d(-66.6%,0,0)}}.bottomwiggle{position:relative;width:100%;height:110px;pointer-events:none;overflow:hidden;margin:-30px auto 0}.bottomwiggle .wiggler{animation:move 4s infinite forwards}.underbelly{position:absolute;bottom:calc(-100vh + 30px);height:calc(100vh - 30px);z-index:-3;background:#000;pointer-events:all;width:100%}.underbellyContent{position:absolute;top:32px;width:100%;height:200px;opacity:0;transition:opacity .8s;transition-timing-function:cubic-bezier(0,.25,.5,1)}.underbellyContent.inView{opacity:1}.bottomMeasure{width:1px;height:1px}.bat,.bottomMeasure{position:absolute;bottom:0;left:0}.bat{margin:0;width:240px}.underbelly p{top:63px;left:174px;margin:0;font-size:12px;font-style:italic;position:absolute;color:#fff;width:calc(100% - 200px);text-align:left;line-height:16px}@media (min-width:600px){.section{padding:0 20vw}}@media (min-width:1020px){.section p:first-of-type:first-letter{font-size:70px;line-height:50px;padding-top:9px;padding-right:8px;padding-left:3px}h1{font-size:50px}p{font-size:22px;line-height:33px;letter-spacing:.4px}.bottomwiggle{height:210px;margin:-60px auto 0}.bottomwiggle .wiggler{stroke-width:4px}.toothcase{height:80px}}.copyright{color:#fff;position:absolute;bottom:5px;font-size:12px;right:6px;font-family:monospace}.canvasWrap{background:#fff;height:70vh;top:0}.canvasWrap,.canvasWrap:after{width:100%;position:absolute;left:0}.canvasWrap:after{z-index:-1;content:" ";bottom:-70px;height:70px;background:linear-gradient(180deg,#fff 20%,hsla(0,0%,100%,0))}.wink{animation:flickerAnimation 4s infinite}@keyframes flickerAnimation{0%{opacity:1}10%{opacity:0}20%{opacity:1}}