@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700;800&display=swap";:root{--main-color:#121230;--accent-color:#1caf73;--main-dark:#222831;--gradient-light:#90cf9a;--gradient-dark:#24b073;--header-height:62px;--border-radious:8px}::-webkit-scrollbar{width:0}*{font-family:Montserrat,sans-serif}hr{border-color:var(--accent-color);opacity:.6;margin:55px 0}h1,h2,h3,h4,h5,h6{margin:0;color:var(--main-color)}p{line-height:26px;letter-spacing:1px;font-size:1.1em}#logo{max-width:600px;margin:auto;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;position:fixed}body{margin:0;width:100%;overflow:hidden}#main{width:100%;height:100vh;overflow-y:auto}.cardwrapper{padding:3px;border-radius:var(--border-radious);width:100%;max-width:340px;height:180px;display:flex;transition:background .4s linear}.cardwrapper:hover{background:linear-gradient(to right,var(--gradient-dark),var(--gradient-light),var(--gradient-light),var(--gradient-dark));background-size:400% 100%;animation:grad-anim 9s linear infinite}.cardwrapper .cardcontent{flex:1 1;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radious);padding:15px;transition:background .2s linear}.cardwrapper .cardcontent:hover{background:#fff}.cardwrapper .cardcontent:hover a{cursor:pointer;color:var(--accent-color)}.cardwrapper .cardcontent a{color:var(--main-dark);text-decoration:none}#landing{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}#content{padding:240px 75px 25px;max-width:1320px;margin:0 auto}header{position:relative;padding-top:100px;padding-bottom:25px;margin-bottom:45px}header:after{content:" ";width:100%;height:3px;position:absolute;left:0;bottom:0;background:linear-gradient(to right,var(--gradient-dark),var(--gradient-light),var(--gradient-light),var(--gradient-dark));background-size:400% 100%;animation:grad-anim 9s linear infinite}header h1,header h2{font-size:8vw}ul{line-height:30px;font-size:1.2em}ul li{margin-bottom:10px}ul li small{color:#525453}.logo{opacity:0;position:absolute;top:0;left:0;filter:grayscale(40%);z-index:-333;transform:translateX(-45%);height:100%}@keyframes grad-anim{to{background-position:-400% 0}}@media screen and (max-width:650px){.cardwrapper{margin:0 auto}}