body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at bottom,#0d1a2d 0,#000 100%);z-index:-1;color:#fff}main{max-width:768px;margin:0 auto;flex-grow:1;padding:40px 20px;color:#fff}h1{font-size:2.75rem;font-weight:800;margin-bottom:2.5rem;text-align:center}h2{font-size:1.75rem;font-weight:600;margin-bottom:1rem;border-bottom:2px solid #fff;padding-bottom:.25rem}ul{list-style:none;padding:0;margin-bottom:3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}li{padding:1rem;border-radius:.5rem;transition:background-color .3s ease,color .3s ease;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.3)}li:hover:not(.disabled):not(.bot-missing){color:#303031}a.bot-missing{background-color:#5e5e5e;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;display:inline-block;text-align:center}.logout{display:inline-block;background-color:#5e5e5e;font-weight:700;padding:.75rem 2rem;border-radius:.5rem;text-align:center;margin:0 auto 40px auto;cursor:pointer;box-shadow:0 4px 8px #5e5e5e;transition:background-color .3s ease}.logout:hover{background-color:#525151}