body{color:#fff;background-color:#0e0e0f;font-family:Futura,"futura-pt",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;margin:0}.logo{position:fixed;top:4rem;left:90px;z-index:9;color:#fff}.logo i{color:#5a18df;margin-left:6px}.logo a{font-family:"Lora",serif;font-weight:900;font-size:30px;text-decoration:none}.logo a:hover{color:#fff}.logo span{position:relative;font-size:20px;top:10px}.liner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.liner .line{position:absolute;top:0;left:0;width:1px;height:100%;background-color:rgba(255,255,255,.05)}.liner .line:nth-child(1){left:25%}.liner .line:nth-child(2){left:75%}.information{position:absolute;bottom:4rem;left:90px;z-index:9}.information ul{list-style:none;margin:0;padding:0}.information ul li{display:inline-block;margin-right:20px;position:relative}.information ul li:hover::after{transform:translate(-50%, -50%) scale(1)}.information ul li::after{content:"";display:block;width:50px;height:50px;border-radius:100%;border:3px solid #5a18df;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);transition:ease all .3s;z-index:-1}.information ul li a{cursor:pointer}.information ul li img{width:30px;height:30px}.copyrights{position:absolute;bottom:4rem;right:90px;z-index:9}.copyrights p{margin:0;margin-bottom:8px;font-weight:300;font-size:12px;opacity:.3;color:#fff}.page{position:relative;width:100%;height:100vh;overflow:hidden}.link{display:flex;width:auto;height:auto;margin:0 5px;justify-content:center;align-items:center;color:#fff}h1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#5a18df;font-size:160px;margin:0;width:90%;text-align:center;padding:0 20px;display:block;user-select:none}.floating-words span{position:absolute;display:block;font-size:140px;opacity:.03;color:#fff;font-weight:900;transition:ease all 1s;display:block;text-decoration:none}.floating-words span:nth-child(1){top:10%;left:5%}.floating-words span:nth-child(2){top:25%;right:5%}.floating-words span:nth-child(3){top:42%;left:5%}.floating-words span:nth-child(4){top:60%;right:5%}.floating-words span:nth-child(5){top:75%;left:5%}@media only screen and (max-width: 1330px){.logo{top:2rem;left:40px}.information{left:40px;bottom:2rem}.copyrights{bottom:2rem;right:40px}.floating-words span a,.floating-words span{font-size:80px}}@media only screen and (max-width: 768px){h1{font-size:48px}.floating-words span a,.floating-words span{font-size:60px;opacity:.04}}@media only screen and (max-width: 480px){.copyrights{display:none}.floating-words span a,.floating-words span{font-size:50px}}