*{box-sizing:border-box;margin:0;padding:0}canvas{background-color:#000}body{background-color:#070707;font-family:Roboto,sans-serif;font-weight:400;height:100vh;overflow:hidden;width:100vw}header a{display:flex;left:50%;position:fixed;top:5%;transform:translateX(-50%)}.logo img{height:49px;margin-right:10px;width:37px}.logo_name{height:52px;margin-top:5px;width:212px}.description{color:#fff;font-size:31px;left:50%;line-height:60px;position:fixed;text-align:center;text-transform:uppercase;top:30%;transform:translateX(-50%);width:100%}.coming-soon{font-size:61px;font-weight:lighter;line-height:80px;margin-top:50px;opacity:0}.active{opacity:1;transition:opacity 3s}button{border:2px solid red;left:50%;padding:20px;position:absolute;top:50%}@media(max-width:1200px){.logo img{height:24px;margin-right:5px;width:18px}.logo_name{height:26px;margin-top:5px;width:105px}.description{font-size:15px;line-height:30px;top:35%;width:100%}.coming-soon{font-size:33px;line-height:40px;margin-top:20px}}@media(max-width:610px){header a{display:flex;left:50%;top:2%;transform:translateX(-50%)}.logo img{height:24px;margin-right:5px;width:18px}.logo_name{height:26px;margin-top:5px;width:105px}.description{font-size:12px;line-height:30px;top:30%}.coming-soon{font-size:33px;line-height:40px;margin-top:40px}}