body,html{margin:0;color:#1E2330;height:100%;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:#1E2330;border-radius:50px}.main{position:relative}.main .circles{position:absolute;left:0;top:100px;width:1000px;height:600px}.main .circles div{position:absolute;transform:scale(1);border-radius:1000px}.main .circles .big{top:20px;width:700px;height:700px;background-color:yellow;transition:all 3s ease-in-out}.main .circles .medium{top:300px;left:20px;width:450px;height:450px;background-color:blue;transition:all 1.5s ease-in-out}.main .circles .small{top:50px;left:500px;width:200px;height:200px;background-color:red;transition:all 0.75s ease-in-out}.main .content{position:absolute;top:0;left:0;width:100%;height:1040px;overflow:hidden;background:rgba(255,255,255,0.5);backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px)}.main .content .info{position:relative;width:100%;height:850px;overflow:hidden}.main .content .info .text{position:relative;top:200px;left:125px;width:calc(50% - 125px);float:left}.main .content .info .text h1{font-size:100px}.main .content .info .text h2{font-weight:normal;font-size:52px}.main .content .info .text button{position:relative;top:30px;height:70px;width:400px;padding:10px;background:rgba(255,255,255,0.2);box-shadow:1px 1px 4px #b9b9b7,-1px -1px 4px #ffffff;border:none;border-radius:100px;font-family:Comfortaa;font-size:30px;cursor:pointer}.main .content .img{position:relative;top:85px;width:50%;float:right;overflow:hidden}.main .content .img img{position:relative}svg{fill:#1E2330;color:#1E2330}.top-nav{position:relative;top:20px;width:100%;height:50px;z-index:10}.top-nav .brand{position:relative;left:30px;cursor:pointer}.top-nav .brand a{text-decoration:none;color:#1E2330;display:inline-flex;align-items:center}.top-nav .brand .brand-logo{width:40px;height:40px;transform:none;color:#1E2330;display:flex;align-items:center;justify-content:center;float:none}.top-nav .brand .brand-logo svg{width:100%;height:100%;display:block;overflow:visible;fill:none;color:#1E2330;shape-rendering:geometricPrecision}.top-nav .brand .brand-logo svg .brand-logo-frame{fill:none!important;stroke:currentColor!important;stroke-linecap:round;stroke-linejoin:round}.top-nav .brand .brand-logo svg .brand-logo-ink{fill:currentColor!important;stroke:none!important}.top-nav .btns{position:absolute;bottom:-3px;right:50px;height:60px;display:inline-block}.top-nav .btns div{width:140px;height:20px;padding:20px;margin-left:40px;border-radius:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:1px 1px 4px #b9b9b7,-1px -1px 4px #ffffff;float:left}.top-nav .btns svg{position:relative;right:5px}.top-nav .btns .home{transform:scale(1.3)}.top-nav .btns .logout{transform:scale(1.2)}.top-nav .btns .login{transform:scale(1.3)}.top-nav .btns span{position:relative;left:12px;top:3px;font-size:20px}.top-nav .btns a{text-decoration:none;color:#1E2330;cursor:pointer}.bottom-nav{position:relative;top:50px;left:30px;width:100%;padding-bottom:10px}.bottom-nav .copyright{position:relative;float:left}.bottom-nav .copyright h4{margin:0;font-weight:normal;font-size:23px}.bottom-nav .links{position:relative;left:50px;bottom:9px}.bottom-nav .links ul{margin-left:30px;list-style-type:none}.bottom-nav .links ul li{display:inline-block;margin-right:30px}.bottom-nav .links ul li a{text-decoration:none;color:#1E2330;font-size:20px}.bottom-nav .links ul li a:before,.bottom-nav .links ul li a:after,.bottom-nav .links ul li a>span:before,.bottom-nav .links ul li a>span:after{content:'';position:absolute;transition:transform .5s ease}.bottom-nav .links ul li a,.bottom-nav .links ul li a>span{position:relative;color:#1E2330;text-decoration:none;line-height:24px}.bottom-nav .links ul li a{display:inline-flex;padding-top:10px;padding-bottom:5px;overflow:hidden}.bottom-nav .links ul li a:before{left:0;bottom:0;width:100%;height:2px;background:#492059;transform:translateX(-100%)}.bottom-nav .links ul li a:hover:before{transform:translateX(0)}