:root{--white: #ffffff;--black: #000000;--y: 0;--x: 0;--speed: 100px}::selection{background-color:rgba(255,255,255,.99);color:var(--black)}@font-face{font-family:gordita;src:url(./fonts/Gordita-Bold.eot);src:url(./fonts/Gordita-Bold.eot?#iefix) format('embedded-opentype'),url(./fonts/Gordita-Bold.woff2) format('woff2'),url(./fonts/Gordita-Bold.woff) format('woff'),url(./fonts/Gordita-Bold.ttf) format('truetype'),url(./fonts/Gordita-Bold.svg#Gordita-Bold) format('svg');font-weight:700;font-style:normal}body,html{background:var(--black);color:var(--white);height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{font-family:gordita;font-style:normal}main{display:flex;height:100%}.left-side{height:100%;width:50%;padding:25px;background-color:#000}.right-side{height:100%;width:50%;background-color:#fff;position:relative}main nav{font-family:Roboto,sans-serif;width:100%;z-index:9999;position:relative}main ul{list-style:none;margin:0;padding:0}main ul li{margin-top:15px}main ul li a{cursor:pointer;text-decoration:none;color:var(--white);padding:5px;letter-spacing:2px;opacity:1;transition:all .1s ease-in;text-shadow:0 0 0 transparent}main ul li a:focus,main ul li a:hover{background-color:var(--white);color:var(--black);outline:0}main ul li a span{font-weight:700;text-transform:uppercase}main ul li a .fab{margin-right:5px}.logo{position:relative;z-index:1;max-width:170px;margin-bottom:25px}.logo h1{font-size:32px;letter-spacing:-2px;line-height:.8;margin:0;text-transform:lowercase}.logo h2{font-size:9px;line-height:1;margin:0;text-align:right}.background-shapes{position:absolute;top:0;left:0;height:100%;width:100%;z-index:0}.background-shapes>div{background-color:var(--black);position:absolute}.shape-box{left:0;top:20px;height:5vw;width:5vw;transform:translate(calc(var(--x) * var(--speed)),calc(var(--y) * var(--speed)))}.shape-circle{left:-10%;top:50%;height:8vw;width:8vw;border-radius:50%;transform:rotateZ(90deg) translate(calc(var(--x) * var(--speed)),calc(var(--y) * var(--speed)))}.shape-circle:after{content:'';display:block;height:2.5vw;width:2.5vw;border-radius:50%;position:absolute;background-color:var(--white);z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-line{left:20px;bottom:0;height:2vw;width:10vw;transform:rotateZ(180deg) translate(calc(var(--x) * var(--speed)),calc(var(--y) * var(--speed)))}.shape-line.two{left:auto;right:-50px;bottom:60px;transform:rotateZ(90deg) translate(calc(var(--x) * var(--speed)),calc(var(--y) * var(--speed)))}.shape-circle.semi{transform:rotateZ(180deg) translate(calc(var(--x) * var(--speed)),calc(var(--y) * var(--speed)));top:20%;left:auto;right:-20px}.shape-circle.semi:before{content:'';background-color:var(--white);position:absolute;height:100%;width:50%;left:0;top:0}.content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%}.button img{display:flex;position:relative;z-index:1}.button span{font-size:12px;text-transform:uppercase;font-weight:800}.button{display:inline-block;outline:none;user-select:none;color:#000;font-family:lato,sans-serif;font-size:30px;padding:15px 20px;cursor:pointer;border-radius:5px;border:2px solid #000;background:#fff;position:relative;overflow:hidden;box-shadow:0 3px 0 0 #000;text-decoration:none;text-align:center}.button::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;transform:scale(0);transition:transform .3s ease-in;mix-blend-mode:difference;background:radial-gradient(circle at center,#fff 24%,#000 25%,#000 100%)}.button:hover{top:3px;box-shadow:none}.button:hover::after{transform:scale(4.2)}@media screen and (max-width:1023px){html,body{overflow-y:hidden}main{flex-direction:column}.left-side{height:auto}.left-side,.right-side{width:100%}}