html{font-family:sans-serif;font-size:1rem}body,html{overflow:hidden}body{background-image:url(/images/chip-bg01.gif);background-color:#000;color:#fff;overflow-anchor:none;margin:0}a{color:inherit;text-decoration:underline}a[onclick]{cursor:pointer}.background-video-wrapper{position:absolute;top:0;text-align:center;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;&:before{content:"";position:absolute;z-index:2;padding-top:20px;width:1920px;height:1080px;box-shadow:inset 0 20px 35px 50px rgba(0,0,0,1),0 0 50px 40px rgba(0,0,0,1)}}.background-video-wrapper video{flex-shrink:0;position:relative;margin-top:20px;width:1920px;height:1080px}.logo{font-family:impact;position:relative;z-index:4;max-width:1300px;width:100%;font-weight:400;margin:0 auto;line-height:1;text-shadow:3px 0 0 #f00,-3px 0 0 #0ff,0 -3px 0 #ff0,0 3px 0 #0f0,3px 3px #00f,-3px -3px #f0f;letter-spacing:5px;.text{font-size:4rem}& a{font-family:sans-serif;font-weight:400;text-shadow:1px 0 0 #f00,-1px 0 0 #0ff,0 -1px 0 #ff0,0 1px 0 #0f0,1px 1px #00f,-1px -1px #f0f;display:inline-block;margin-left:5px;color:inherit;text-decoration:none;vertical-align:super;font-size:1rem;.post,.pre{visibility:hidden}&:hover{.post,.pre{visibility:visible}}&.active{font-weight:900;.post,.pre{visibility:visible}}}@media only screen and (max-width:775px){.text{display:block}}@media only screen and (max-width:550px){.text{font-size:3rem}}@media only screen and (max-width:450px){.text{font-size:2rem}}}main{position:absolute;top:0;bottom:0;left:0;right:0;.open-surface-link{cursor:pointer}.content{position:relative;width:100%;margin:0 auto;display:flex;justify-content:center}}.box{position:relative;z-index:3;background-color:#fff;color:#000;padding:5px 25px 25px 5px;border-color:#fff #ccc #aaa #fff;border-style:solid;border-width:0 20px 20px 0;display:inline-block;box-shadow:-20px -20px 0 0 #fff;position:absolute;display:block;top:30px;width:350px;& a{text-decoration:underline;&:hover{color:#555}}&:before{bottom:-20px;left:-20px;border-right:20px solid #aaa;border-bottom:20px solid transparent}&:after,&:before{content:"";position:absolute}&:after{top:-20px;right:-20px;border-left:20px solid #ccc;border-top:20px solid transparent}}p{margin:0;padding:0}.copy{position:fixed;bottom:5px;right:5px;font-size:.75rem;font-weight:800;color:#333;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff;z-index:3;& a{text-decoration:none}}.cover{min-height:100%;min-width:100%;position:absolute;left:0;top:0;opacity:.7}.btn{display:inline-block;border-radius:15px;background-color:#3e5a91;color:#222;padding:5px 15px;cursor:pointer;box-shadow:inset 0 10px 5px -5px rgb(255 255 255/20%),inset 0 -10px 5px -5px rgb(0 0 0/20%);font-weight:700;text-transform:uppercase}.about{.box{top:475px}& h2.history{margin:0}& h2.history img{vertical-align:middle}@media only screen and (max-width:500px){.box{width:auto;margin:0 25px 0 50px}}@media only screen and (max-height:750px){.box{top:150px}.open-surface-link{display:none}}}.desk-screens{display:flex;justify-content:center;position:absolute;top:20px;width:100%;height:100%;overflow:hidden;.desk-screens-inner{text-align:center;flex-shrink:0;position:relative;top:0;left:-498px;z-index:3;.left-screen{position:absolute;top:48px;left:0;height:255px;width:662px;perspective:800px}.left-screen .inner{margin-left:2px;transform:rotateX(-26deg) rotateY(3deg) rotate(-3deg);background:#222;box-shadow:0 0 900px 25px rgb(150 150 150/10%),inset 0 100px 50px -40px rgb(255 255 255/10%);opacity:1;height:100%;padding:10px;box-sizing:border-box;overflow:auto}.right-screen{position:absolute;top:0;left:694px;height:503px;width:454px;perspective:500px}.right-screen .inner{margin-left:2px;transform:rotateX(-15deg) rotateY(-8deg) rotate(13deg);background:#222;box-shadow:0 0 900px 25px rgb(150 150 150/10%),inset 0 100px 50px -40px rgb(255 255 255/10%);opacity:1;height:100%;padding:50px 5px 10px;box-sizing:border-box;overflow:auto;text-align:left}.surface-screen{position:absolute;top:331px;left:325px;height:195px;width:337px;perspective:900px;.inner{margin-left:2px;transform:rotateX(-15deg) rotateY(3deg) rotate(1deg);background:#222;box-shadow:0 0 900px 25px rgb(150 150 150/10%),inset 0 100px 50px -40px rgb(255 255 255/10%);opacity:.7;height:100%;padding:5px 10px;border-radius:5px;box-sizing:border-box;overflow:auto;text-align:justify;font-size:.9rem;& h3{margin:0}.close-btn{cursor:pointer}}}.comic-links a{display:block;&:hover{color:#ccc;cursor:pointer}}.panel{display:inline-block;margin-right:15px;margin-bottom:15px}@media only screen and (max-width:1030px){.left-screen,.right-screen{visibility:hidden}}}}@media only screen and (max-height:530px){.background-video-wrapper,.desk-screens{overflow:visible}}.socials{.box{top:150px;margin-left:850px}& a{display:block;color:inherit;text-decoration:none;& i{margin-right:3px}.label{text-decoration:underline}& small{display:block;padding-left:3px;margin-bottom:5px}}@media only screen and (max-width:1300px){.box{width:auto;margin-left:725px}}@media only screen and (max-width:1050px){.box{margin:350px 25px 0 50px;width:auto}}@media only screen and (max-width:400px){.box{margin-top:0}}}.tv{display:flex;justify-content:center;position:absolute;top:20px;width:100%;height:100%;overflow:hidden;z-index:2;.tv-inner{text-align:center;flex-shrink:0;position:relative;top:135px;left:-38px;height:330px;width:394px;.screen{position:absolute;z-index:1;left:1px;right:1px;top:1px;bottom:1px;overflow:hidden;& video{min-height:100%;min-width:100%;height:100%}}.overlay{position:absolute;z-index:2;opacity:1;pointer-events:none;width:100%;height:100%}}}@media only screen and (max-width:400px){.tv{display:none}}@media only screen and (max-height:675px) and (max-width:1050px){.socials .box{margin-top:0}.tv{display:none}}.secret{position:fixed;z-index:2;top:100px;bottom:0;left:0;right:0;& canvas{position:relative;width:100%}& p{text-align:center}}.loading-container{width:100%;height:100%;text-align:center;padding-top:5%}.loading-anim{display:inline-block;position:relative;width:80px;height:80px;& div{display:inline-block;position:absolute;left:8px;width:16px;background:#fff;animation:loading-anim 1.2s cubic-bezier(0,.5,.5,1) infinite;&:first-child{left:8px;animation-delay:-.24s}&:nth-child(2){left:32px;animation-delay:-.12s}&:nth-child(3){left:56px;animation-delay:0}}}@keyframes loading-anim{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}