@import url(//fonts.googleapis.com/css?family=Roboto:700,400,500,900);@keyframes background-scale{0%{transform:translate3d(-50%,-50%,0) rotate(1turn) scale(1)}to{transform:translate3d(-50%,-50%,0) rotate(1turn) scale(1.15)}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html#home{font-family:Roboto;font-size:1vmin}html#home body{height:100vh;background-color:#000}#background{overflow:hidden;height:100%;position:relative;background-color:rgba(0,0,0,.4)}#background img{z-index:-5;min-height:100%;min-width:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(1turn);will-change:transform,opacity;opacity:0;transition:opacity 1s}#background img.current{z-index:-1;opacity:1;transition:opacity 1s;animation:15s linear 0s background-scale}#background img.current.out{z-index:-5}#main{position:absolute;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);display:flex;flex-direction:column;align-items:center}#header-lock{display:flex;margin-bottom:5rem}div#lock-text{height:10rem;font-size:10rem;line-height:1;margin-top:5rem;margin-left:.3em;font-weight:500;white-space:nowrap;color:#ddd;text-shadow:0 0 50px rgba(0,0,0,.75),0 0 3px #000}div#logo{width:20rem;height:20rem;border-radius:10rem;background:hsla(0,0%,100%,.6);background-size:75%;background-repeat:no-repeat;background-position:50%;box-shadow:0 0 50px rgba(0,0,0,.5);overflow:hidden;transform:scale(1) translateZ(0);will-change:transform;transition:transform .25s ease,background-color .25s}div#logo.kt{background-image:url(/img/kt.svg);background-position-x:57.5%}div#logo.omega{background-image:url(/img/omega.svg)}div#logo:hover{transform:scale(1.2) translateZ(0)}div#logo:after{content:"";position:absolute;top:-10rem;left:-10rem;width:20rem;height:20rem;border-radius:10rem;transform:rotate(-45deg);background:linear-gradient(transparent 37%,hsla(0,0%,100%,.25) 38%,hsla(0,0%,100%,.25) 63%,transparent 64%);transition:top .5s ease,left .5s ease}div#logo:hover:after{top:10rem;left:10rem}div#logo:active{background-color:hsla(0,0%,100%,.75)}#social{display:flex}#social .soc-icon a{display:block;text-decoration:none;font-size:4rem;padding:.25em;font-weight:700;text-shadow:0 0 50px rgba(0,0,0,.75),0 0 3px #000;transition:color .25s}#social .soc-icon a:link,#social .soc-icon a:visited{color:hsla(0,0%,55%,.6)}#social .soc-icon a:hover{color:#ddd}#nav{display:flex;background-color:rgba(0,0,0,.6);margin-bottom:2.5rem}#nav,#nav .nav-item a{font-size:2.5rem;border-radius:.25em}#nav .nav-item a{display:block;text-decoration:none;padding:1em 2em;font-weight:500;text-transform:lowercase;background-color:rgba(30,73,158,0);text-shadow:0 0 50px rgba(0,0,0,.75),0 0 3px #000;transition:color .25s,background-color .25s}#nav .nav-item a:link,#nav .nav-item a:visited{color:#bec8db}@media screen and (min-width:768px){#nav .nav-item a:hover{background-color:rgba(30,73,158,.85);color:#ddd}}#nav .nav-item a:active{background-color:rgba(17,60,145,.85)}@media screen and (max-width:767px){html{font-size:1.25vmin}#social .soc-icon a{font-size:7rem;padding:.25em;color:hsla(0,0%,55%,.75)}#nav{flex-direction:column;border-radius:0;width:calc(100vw + 1px);overflow-x:hidden}#nav .nav-item a{font-size:4rem;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.15));border-radius:0}#background img.current{max-height:125%}}