[class*=spider]{position:absolute;height:40px;width:50px;border-radius:50%;margin:40px 0 0;background:#110d04}[class*=spider] *,[class*=spider]:after,[class*=spider] :after,[class*=spider]:before,[class*=spider] :before{position:absolute;content:""}[class*=spider]:before{width:1px;background:#aaa;left:50%;top:-320px;height:320px}[class*=spider] .eye{top:16px;height:14px;width:12px;background:#fff;border-radius:50%}[class*=spider] .eye:after{top:6px;height:5px;width:5px;border-radius:50%;background:#000}[class*=spider] .eye.left{left:14px}[class*=spider] .eye.left:after{right:3px}[class*=spider] .eye.right{right:14px}[class*=spider] .eye.right:after{left:3px}[class*=spider] .leg{top:6px;height:12px;width:14px;border:1px solid transparent;border-top:2px solid #110d04;z-index:1}[class*=spider] .leg.left{left:-8px;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(36deg) skewX(-20deg);transform:rotate(36deg) skewX(-20deg);border-left:2px solid #110d04;border-radius:60% 0 0 0;-webkit-animation:legs-wriggle-left 1s 0s infinite;animation:legs-wriggle-left 1s 0s infinite}[class*=spider] .leg.right{right:-8px;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(-36deg) skewX(20deg);transform:rotate(-36deg) skewX(20deg);border-right:2px solid #110d04;border-radius:0 60% 0 0;-webkit-animation:legs-wriggle-right 1s .2s infinite;animation:legs-wriggle-right 1s .2s infinite}[class*=spider] .leg:nth-of-type(2){top:14px;left:-11px;-webkit-animation:legs-wriggle-left 1s .8s infinite;animation:legs-wriggle-left 1s .8s infinite}[class*=spider] .leg:nth-of-type(3){top:22px;left:-12px;-webkit-animation:legs-wriggle-left 1s .2s infinite;animation:legs-wriggle-left 1s .2s infinite}[class*=spider] .leg:nth-of-type(4){top:31px;left:-10px;-webkit-animation:legs-wriggle-left 1s .4s infinite;animation:legs-wriggle-left 1s .4s infinite}[class*=spider] .leg:nth-of-type(6){top:14px;right:-11px;-webkit-animation:legs-wriggle-right 1s .4s infinite;animation:legs-wriggle-right 1s .4s infinite}[class*=spider] .leg:nth-of-type(7){top:22px;right:-12px;-webkit-animation:legs-wriggle-right 1s .7s infinite;animation:legs-wriggle-right 1s .7s infinite}[class*=spider] .leg:nth-of-type(8){top:31px;right:-10px;-webkit-animation:legs-wriggle-right 1s .3s infinite;animation:legs-wriggle-right 1s .3s infinite}.spider_0{left:5%;-webkit-animation:spider-move-0 5s infinite;animation:spider-move-0 5s infinite}.spider_1{left:20%;-webkit-animation:spider-move-1 5s infinite;animation:spider-move-1 5s infinite}.spider_2{left:35%;-webkit-animation:spider-move-2 5s infinite;animation:spider-move-2 5s infinite}.spider_3{right:35%;margin-top:160px;-webkit-animation:spider-move-3 5s infinite;animation:spider-move-3 5s infinite}.spider_4{right:20%;margin-top:50px;-webkit-animation:spider-move-4 5s infinite;animation:spider-move-4 5s infinite}.spider_5{right:5%;margin-top:210px;-webkit-animation:spider-move-5 5s infinite;animation:spider-move-5 5s infinite}@-webkit-keyframes legs-wriggle-left{0%,to{-webkit-transform:rotate(36deg) skewX(-20deg);transform:rotate(36deg) skewX(-20deg)}25%,75%{-webkit-transform:rotate(15deg) skewX(-20deg);transform:rotate(15deg) skewX(-20deg)}50%{-webkit-transform:rotate(45deg) skewX(-20deg);transform:rotate(45deg) skewX(-20deg)}}@keyframes legs-wriggle-left{0%,to{-webkit-transform:rotate(36deg) skewX(-20deg);transform:rotate(36deg) skewX(-20deg)}25%,75%{-webkit-transform:rotate(15deg) skewX(-20deg);transform:rotate(15deg) skewX(-20deg)}50%{-webkit-transform:rotate(45deg) skewX(-20deg);transform:rotate(45deg) skewX(-20deg)}}@-webkit-keyframes legs-wriggle-right{0%,to{-webkit-transform:rotate(-36deg) skewX(20deg);transform:rotate(-36deg) skewX(20deg)}25%,75%{-webkit-transform:rotate(-15deg) skewX(20deg);transform:rotate(-15deg) skewX(20deg)}50%{-webkit-transform:rotate(-45deg) skewX(20deg);transform:rotate(-45deg) skewX(20deg)}}@keyframes legs-wriggle-right{0%,to{-webkit-transform:rotate(-36deg) skewX(20deg);transform:rotate(-36deg) skewX(20deg)}25%,75%{-webkit-transform:rotate(-15deg) skewX(20deg);transform:rotate(-15deg) skewX(20deg)}50%{-webkit-transform:rotate(-45deg) skewX(20deg);transform:rotate(-45deg) skewX(20deg)}}@-webkit-keyframes spider-move-0{0%,to{margin-top:155px}40%{margin-top:195px}}@keyframes spider-move-0{0%,to{margin-top:155px}40%{margin-top:195px}}@-webkit-keyframes spider-move-1{0%,to{margin-top:213px}46%{margin-top:326px}}@keyframes spider-move-1{0%,to{margin-top:213px}46%{margin-top:326px}}@-webkit-keyframes spider-move-2{0%,to{margin-top:50px}31%{margin-top:160px}}@keyframes spider-move-2{0%,to{margin-top:50px}31%{margin-top:160px}}@-webkit-keyframes spider-move-3{0%,to{margin-top:76px}54%{margin-top:115px}}@keyframes spider-move-3{0%,to{margin-top:76px}54%{margin-top:115px}}@-webkit-keyframes spider-move-4{0%,to{margin-top:213px}56%{margin-top:321px}}@keyframes spider-move-4{0%,to{margin-top:213px}56%{margin-top:321px}}@-webkit-keyframes spider-move-5{0%,to{margin-top:47px}49%{margin-top:132px}}@keyframes spider-move-5{0%,to{margin-top:47px}49%{margin-top:132px}}.christmas{color:#c30f16}.christmas,.halloween{font-family:"Lobster Two",cursive;font-size:50px}.halloween{color:#111;-webkit-animation:flicker_halloween 4s 0s infinite;animation:flicker_halloween 4s 0s infinite}.new-year{font-family:"Lobster Two",cursive;font-size:50px;color:#c3a343;-webkit-text-fill-color:transparent;background:url(/static/media/gold.52f0386c.jpg) repeat;background:-o-linear-gradient(transparent,transparent);-webkit-background-clip:text}@-webkit-keyframes flicker_halloween{0%,6%,12%{text-shadow:none;color:#111}3%,9%{text-shadow:0 0 8px rgba(250,103,1,.6);color:#fa6701}60%{text-shadow:0 0 8px rgba(250,103,1,.6),0 0 16px rgba(250,103,1,.4),0 0 20px rgba(255,0,84,.2),0 0 22px rgba(255,0,84,.1);color:#fa6701}to{text-shadow:0 0 8px rgba(250,103,1,.6),0 0 16px rgba(250,103,1,.4),0 0 20px rgba(255,0,84,.2),0 0 22px rgba(255,0,84,.1);color:#fa6701}}@keyframes flicker_halloween{0%,6%,12%{text-shadow:none;color:#111}3%,9%{text-shadow:0 0 8px rgba(250,103,1,.6);color:#fa6701}60%{text-shadow:0 0 8px rgba(250,103,1,.6),0 0 16px rgba(250,103,1,.4),0 0 20px rgba(255,0,84,.2),0 0 22px rgba(255,0,84,.1);color:#fa6701}to{text-shadow:0 0 8px rgba(250,103,1,.6),0 0 16px rgba(250,103,1,.4),0 0 20px rgba(255,0,84,.2),0 0 22px rgba(255,0,84,.1);color:#fa6701}}html{width:100vw;min-width:700px;font-family:"Roboto",sans-serif;overflow:hidden}#root,body,html{height:100vh}#root{width:100vw}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#888;border:thin solid grey;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}