html{font-size:.8em;font-family:roboto,sans-serif;scroll-behavior:smooth}body{margin:0}.container{position:relative;margin-left:5vmin;margin-right:5vmin}@media only screen and (min-width: 1200px){.container{margin-right:18vmin;margin-left:18vmin}}.card-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:10px;grid-auto-rows:minmax(100px,auto)}.card{width:90%;margin-left:5px;margin-block:10px;padding:10px;background-color:#000;border-radius:10px;box-shadow:5px 5px 5px 5px gray;transition:transform .4s;font-family:monospace,sans-serif}.card:hover,.card:active{transform:scale(1.05)}.card h3{font-size:1.8rem;margin:0;padding:0;color:#8cc63f}.card p{font-size:1.4rem;margin:0;padding:0;color:#fff}.card a{color:#8cc63f;font-size:1.4rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.75rem}p,li{font-size:1.5rem}a{color:#70a12f;text-decoration:none}.form-container{display:flex;justify-content:center;align-items:center;max-width:400px}form{display:flex;flex-direction:column;gap:20px}input[type=password]{padding:10px;font-size:1.4rem;border:1px solid #ccc;border-radius:5px}button{padding:10px;font-size:1.4rem;background-color:#8cc63f;color:#fff;border:none;border-radius:5px;cursor:pointer}label{font-size:1.4rem;color:#000}