.landing-background{min-height:100vh;background:linear-gradient(to bottom,var(--navyBlue),var(--darkGrey) 100vh);overflow:hidden}.home-grids{display:grid;grid-template-rows:56px 1fr}.center-content{max-width:50rem;margin:auto}.action-button,.link{text-decoration:none}.action-button{padding:1rem;font-size:2rem;background-color:var(--offColor);border-radius:1rem;width:15rem;display:block;margin:5rem auto 15rem;transition:.3s;text-align:center;box-shadow:0 0 50px var(--offColor50)}.action-button:hover{transition:.3s;color:var(--lightHighlight);background-color:var(--lighterOffColor)}.scrollbar::-webkit-scrollbar{width:8px;height:8px}.scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff33;border-radius:10px;cursor:pointer}.scrollbar::-webkit-scrollbar-track{background-color:#f1f1f100}header{position:fixed;width:100%;padding:1rem;top:0;left:0;font-size:1rem;background:var(--navyBlueDark);#header-toggle-id{display:none}a,a:hover{transition:.3s}a:hover{color:var(--lightHighlight)}}.header-toggle{display:none;cursor:pointer;font-size:1.5rem}.header-links{padding-right:.5rem;margin-top:-10px}.header-account{float:right}.header-account button:hover{cursor:pointer}.landing-hero{margin-top:19rem;text-align:center;font-size:5rem;background:linear-gradient(135deg,var(--lightHighlight),var(--lightHighlight),rgba(255,255,255),var(--lightHighlight),var(--offColor),var(--lightHighlight),rgba(255,255,255),var(--lightHighlight),var(--lightHighlight));background-size:200% auto;background-clip:text;color:transparent;text-shadow:0 0 75px rgba(200,200,255,.1);animation:gradientShift 5s linear infinite}.h1{display:grid;justify-content:center;padding:2rem}.main-ul{padding:0;display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);grid-template-rows:minmax(150px,auto);column-gap:1rem;row-gap:1rem;li{list-style-type:none;border-radius:.75rem;border:1px solid rgba(200,200,255,.1);padding:1rem;background-color:rgba(200,200,255,.02);h2{padding:1rem;text-align:center}p{color:rgb(220,220,220)}}}@keyframes gradientShift{to{background-position:200%}}.center-signed-in{margin-top:-1.6rem;margin-bottom:-1rem}@media (max-width:768px){.landing-hero{font-size:2rem}.action-button{font-size:1.2rem;width:8rem;padding:.8rem}.header-toggle{display:block}header nav{display:none;position:absolute;top:100%;left:0;width:100%;flex-direction:column;background-color:var(--navyBlueDark);.header-links{padding:1rem;font-size:1.5rem}}.center-signed-in{margin-top:-2rem}.landing-background .center-content{margin:1rem}#header-toggle-id:checked~nav{display:flex}}footer{padding-top:2.5rem;padding-bottom:1rem}