@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;500;700&family=Nunito:wght@500;800&display=swap";html,body{background:var(--bg);color:#fff;font-family:Nunito,sans-serif;overflow-x:hidden}*{box-sizing:border-box}:root{--bg: #120e1b;--accent: #8c52ff;color-scheme:dark}main #menu{display:none;flex-direction:column;position:absolute;z-index:25;background:var(--bg);left:100%;transition:.5s ease;width:100%;height:100%;border-radius:25px;box-shadow:10px 10px 10px #0000001a}main #menu .controls{display:flex;align-items:center;justify-content:space-between;padding:16px 56px 8px}main #menu .controls h1{color:var(--accent);font-size:24px}main #menu .controls span{cursor:pointer;transition:.5s ease}main #menu .controls span:hover{opacity:.75}main #menu .buttons{display:flex;align-items:center;padding:0 56px}main #menu .buttons #login-btn-mobile{border-radius:5px;border:1px solid rgba(140,82,255,.1);color:#fff;opacity:.94;padding:10px 24px;background:rgba(140,82,255,.03);font-family:Nunito,sans-serif;font-weight:800;font-size:14px;margin-right:6.5px;cursor:pointer;transition:.5s ease;width:50%}main #menu .buttons #login-btn-mobile:hover{border:1px solid rgba(140,82,255,.5)}main #menu .buttons #get-started-btn-mobile{border-radius:5px;color:#fff;padding:10px 24px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;margin-left:6.5px;background:var(--accent);border:none;cursor:pointer;transition:.5s ease;width:50%}main #menu .buttons #get-started-btn-mobile:hover{filter:brightness(1.1)}main nav{height:fit-content;width:100%;display:flex;justify-content:space-evenly;align-items:center}main nav h1{color:var(--accent);font-size:32px}main nav #buttons{display:flex;align-items:center}main nav #buttons span{display:none}main nav #buttons #login-btn-nav{border-radius:5px;border:1px solid rgba(140,82,255,.1);color:#fff;opacity:.94;padding:10px 24px;background:rgba(140,82,255,.03);font-family:Nunito,sans-serif;font-weight:800;font-size:14px;margin-right:6.5px;cursor:pointer;transition:.5s ease}main nav #buttons #login-btn-nav:hover{border:1px solid rgba(140,82,255,.5)}main nav #buttons #get-started-btn-nav{border-radius:5px;color:#fff;padding:10px 24px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;margin-left:6.5px;background:var(--accent);border:none;cursor:pointer;transition:.5s ease}main nav #buttons #get-started-btn-nav:hover{filter:brightness(1.1)}main .hero{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:64px}main .hero h1{margin-top:108px;font-size:48px;margin-bottom:72px}main .hero #gnews-title{margin-bottom:0}main .hero #desc{margin-bottom:32px}main .hero ol{padding-bottom:168px}main .hero ol li{font-size:20px}main .hero .container{display:flex;align-items:center}main .hero .container .card{border-radius:5px;border:1px solid rgba(140,82,255,.1);opacity:.94;background:rgba(140,82,255,.03);height:320px;width:320px;margin:6.5px;display:flex;flex-direction:column;justify-content:center;transition:.5s ease;cursor:pointer}main .hero .container .card:hover{border:1px solid rgba(140,82,255,.5)}main .hero .container .card img{height:144px;width:144px;display:block;margin:auto;object-fit:contain}main .hero .container .card h3{font-weight:800;font-size:18px;margin:0 0 8px 23px}main .hero .container .card p{opacity:50%;font-size:14px;margin:0 23px 23px}main footer{background:black;display:flex;align-items:center;padding:48px 0;border-radius:10px;justify-content:space-evenly}main footer h1{color:var(--accent)}main footer ul{display:flex;align-items:center}main footer ul a{text-decoration:none;color:#fff;opacity:50%;margin:0 16px;transition:.5s ease}main footer ul a:hover{opacity:75%}main footer ul button{border-radius:5px;color:#fff;padding:10px 24px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;margin-left:12px;background:var(--accent);border:none;cursor:pointer;transition:.5s ease}main footer ul button:hover{filter:brightness(1.1)}@media (max-width: 430px){main nav{padding-top:16px;padding-bottom:16px;justify-content:space-between}main nav h1{margin-left:48px;font-size:24px}main nav #buttons span{display:flex;margin-right:48px;cursor:pointer;transition:.5s ease}main nav #buttons span:hover{opacity:.75}main nav #buttons #get-started-btn-nav{display:none}main nav #buttons #login-btn-nav{display:none}main .hero{flex-direction:column}main .hero h1{text-align:center;margin-top:32px;font-size:32px;padding-left:32px;padding-right:32px}main .hero #desc{text-align:center;padding-left:32px;padding-right:32px}main .hero ol{padding-bottom:8px}main .hero ol li{font-size:18px;margin-left:16px;margin-right:16px;padding-left:16px;padding-right:16px}main .hero ol li a{text-decoration:none;color:var(--accent)}main .hero ol li a:hover{text-decoration:underline}main .hero .container{flex-direction:column}main footer{flex-direction:column;border-radius:10px}main footer ul{flex-direction:column;margin:0;padding:0}main footer ul a,button{margin-top:16px;margin-bottom:16px}}@media (min-width: 431px) and (max-width: 767px){main .hero .container{flex-direction:column}main .hero .container .card{width:100%}main footer{flex-direction:column;border-radius:10px}main footer ul{flex-direction:column;margin:0;padding:0}main footer ul a,button{margin-top:16px;margin-bottom:16px}}