@font-face{font-family:'Atkinson Hyperlegible';src:url(/assets/fonts/AtkinsonHyperlegible-BoldItalic.woff2) format('woff2');font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:'Atkinson Hyperlegible';src:url(/assets/fonts/AtkinsonHyperlegible-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Atkinson Hyperlegible';src:url(/assets/fonts/AtkinsonHyperlegible-Italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Atkinson Hyperlegible';src:url(/assets/fonts/AtkinsonHyperlegible-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bevan;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Bevan-Regular.woff2) format('woff2')}@font-face{font-family:Fondamento;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Fondamento-Regular.woff2) format('woff2')}@font-face{font-family:Schoolbell;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Schoolbell-Regular.woff2) format('woff2')}@font-face{font-family:'Gentium Book Plus';src:url(/assets/fonts/GentiumBookPlus-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}:root{--link-button:#2d324c;--link-button-bottom:#272c42;--web-background:#0c0c0c;--main-background:#04021b;--tab-main:#b51726;--tab-main-bottom:#951718;--tab-hover:#b81423;--tab-active:#7c0e19;--text-color:#d3d3d3}body,html{width:100%;height:101%;margin:0;overflow-x:hidden;overflow-y:overlay;position:absolute;top:0;left:0;line-height:1.35em}body{font-family:'Atkinson Hyperlegible',sans-serif;text-align:center;background-color:var(--web-background);color:var(--text-color)}h1,h2,h3,h4{font-family:'Atkinson Hyperlegible',sans-serif}main{position:absolute;top:10%;width:100%;margin:0;padding:0;max-width:none;background:0 0;outline:0}.container{display:inline-block;text-align:left;background-color:var(--main-background);padding:50px;width:600px;outline:6px double #282828;margin-bottom:50px}td{padding:2px 10px}table{border-spacing:0 3px}.gear td{border:1px solid #282828}.gear table{width:100%}a:visited{color:inherit}a:hover{color:#e7e7e7}a{text-decoration:none;color:inherit;font-style:italic}a:hover{text-decoration:underline}.links a{font-style:normal}h3{margin:35px 0 7px 0}ul li{padding:5px 0}.tabs{width:100%;display:inline-flex;user-select:none}.tabs>button{font-family:inherit;padding:6px 16px;flex:auto;border:none;outline:0;width:inherit;border-top:2px solid var(--tab-main);color:#fff;background-color:var(--tab-main);background:linear-gradient(to top,var(--tab-main-bottom) 0,var(--tab-main) 100%)}.tabs>button:hover{background:var(--tab-hover)}.tabs>button.active{border-top:4px solid var(--tab-active)}.gear>div{padding:3px 0}.info-tab{display:none}.info-tab.active{display:block}.links{padding:15px 0}a.link-button{display:inline}.title-logo{width:170px;display:inline-block;margin:auto}.profile{float:right}.profile img{width:160px;margin-left:15px;filter:opacity(.8);border:6px double #282828;transition:filter .5s ease;animation:.8s steps(1,end) img-glitch,.5s linear img-fade}.profile img:hover{filter:none}.profile button{background:0 0;border:none;color:var(--text-color);text-decoration:underline;cursor:pointer}.expand-why{font-style:italic;cursor:pointer}.thumbnail{--columns:3;--padding:4px;display:inline-block;padding:var(--padding);transition:scale .2s ease;width:calc((100% / var(--columns)) - calc(var(--padding) * 2))}.thumbnail img{width:100%}.thumbnail:hover{scale:1.05}.videos:has(.thumbnail:hover) .thumbnail:not(:hover){scale:.95}.load{display:none;text-align:center}.load.active{display:block}.load.active:before{content:"";display:inline-block;background:url(assets/load-icon.svg?aptvik);background-size:contain;animation:load 2s linear none infinite;width:30px;height:30px}@keyframes load{to{rotate:360deg}}.background{background:url(assets/bg.jpg);position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;filter:blur(6px);background-size:cover;background-position:center}.background-shatter{background:url(assets/shatter-parts.png?aptvik);position:absolute;top:42%;left:50%;z-index:-1;width:550px;height:550px;background-size:1024px;mix-blend-mode:screen;background-position:0 0;transform-origin:bottom right;transform:translate(-100%,-100%);animation:shatter0 .55s ease-out,glitch 5s linear infinite}.background-shatter.p1{background-position:550px 0;transform:translate(0,-100%);transform-origin:bottom left;animation:shatter1 .6s ease-out,glitch 5s linear 1.5s infinite}.background-shatter.p2{background-position:0 550px;transform:translate(-100%,0);transform-origin:top right;animation:shatter2 .5s ease-out,glitch 5s linear 2s infinite}.background-shatter.p3{background-position:550px 550px;transform:translate(0,0);transform-origin:top left;animation:shatter3 .5s ease-out,glitch 5s linear 1s infinite}@keyframes shatter0{from{transform:translate(-100%,-100%) scale(.1)}to{transform:translate(-100%,-100%) scale(1)}}@keyframes shatter1{from{transform:translate(0,-100%) scale(.1)}to{transform:translate(0,-100%) scale(1)}}@keyframes shatter2{from{transform:translate(-100%,0) scale(.1)}to{transform:translate(-100%,0) scale(1)}}@keyframes shatter3{from{transform:translate(0,0) scale(.1)}to{transform:translate(0,0) scale(1)}}@keyframes rotate{from{transform:scaleY(0)}}@keyframes glitch{0%{top:calc(42% + -3px);left:calc(50% + -2.5px)}30%{top:calc(42% + 0px);left:calc(50% + -3.5px)}50%{top:calc(42% + 2px);left:calc(50% + -3.5px)}51%{top:calc(42% + 3px);left:calc(50% + 3px)}70%{top:calc(42% + 3px);left:calc(50% + 2.05px)}71%{top:calc(42% + 3px);left:calc(50% + -3.2px)}100%{top:calc(42% + 3px);left:calc(50% + -3.2px)}}@keyframes img-glitch{0%{clip-path:polygon(0 0,100% 0,100% 24%,0 24%)}40%{clip-path:polygon(0 64%,100% 64%,100% 100%,0 100%)}50%{clip-path:polygon(0 64%,100% 64%,100% 100%,0 100%);transform:translate(10px,-10px)}70%{clip-path:polygon(0 0,100% 0,100% 43%,0 43%)}95%{clip-path:polygon(0 31%,100% 31%,100% 52%,0 52%)}}@keyframes img-fade{from{opacity:0}to{opacity:1}}@media screen and (max-width:680px){body,html{height:100%}.container{width:95%;padding:30px 0}.content{padding:0 20px}.thumbnail{--columns:2;--padding:2px}.background-shatter{display:none}}@media screen and (min-width:680px){body,html{overflow-y:hidden}.content{max-height:700px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.content:has(.video-tab.active){overflow-y:hidden}::-webkit-scrollbar{width:5px}:hover::-webkit-scrollbar{width:5px}:hover::-webkit-scrollbar-track{background:#424242}::-webkit-scrollbar-track{background:0 0}:hover::-webkit-scrollbar-thumb{background:#666}::-webkit-scrollbar-thumb{background:0 0}::-webkit-scrollbar-thumb:hover{background:#888}}