*{margin:0;padding:0;box-sizing:border-box;font-family:Comfortaa,sans-serif;font-weight:300}body{background-color:#f4f4f9;color:#333;line-height:1.6}p{font-family:inter}img{width:15%;border-radius:50%}#root{text-align:center}.header{background-color:#333;color:#fff;padding:1rem}.header nav ul{display:flex;justify-content:center;gap:2rem}.header nav ul button{border:none;list-style-type:none;background-color:#6c8561;padding:.5rem;border-radius:8px;font-size:16px}.header nav ul button a{color:#000;text-decoration:none;padding:.5rem 1rem;transition:color .3s ease}.header nav ul button a:hover{color:#fff}.main{margin-top:3rem}.footer{background-color:#b8cba9;color:#6c8561;padding:1rem;text-align:center;width:100%;position:fixed;bottom:0;margin-top:3rem}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;margin-bottom:7rem}.card{background-color:#9dae8d;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:300px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.card:hover,.Bcard:hover{transform:translateY(-10px);box-shadow:0 4px 15px #0003}.card h5{margin-bottom:1rem;padding:.5rem;text-align:center;font-size:larger;background-color:#7d9871;border-radius:8px 8px 0 0}.card ul{padding-left:2.5rem;padding-right:2.5rem;margin-bottom:1rem}.card p{padding-left:2.5rem;padding-right:1rem;margin-bottom:1rem}.card ul li{margin-bottom:.5rem;font-family:inter}.Bcard{padding:1.2rem;background-color:#9dae8d;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:300px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.logo{margin-top:5rem;padding:3rem;background-color:#b8cba9;border-radius:8px;box-shadow:0 2px 19px #00000080;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.logo h1{margin-top:-2.5rem;font-size:700%;text-decoration:underline;text-decoration-thickness:.35rem}.logo p{margin-top:-2.7rem;font-size:150%;font-family:Nothing You Could Do,sans-serif}.logo:hover{filter:drop-shadow(0 0 2em #6C8561)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}form{display:flex;flex-direction:column;gap:10px;width:100%}input{padding:10px;margin-bottom:10px;border-radius:4px;border:1px solid #ccc}button{padding:10px;background-color:#6c8561;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}button:hover{background-color:#b8cba9}.toggle-link{margin-top:15px;background:none;border:none;color:#6c8561;font-size:14px;cursor:pointer;text-decoration:underline}.error-message{color:red;font-size:14px}.profile-container{background-color:#f4f4f9;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center;max-width:500px;margin:auto}.profile-container button{background-color:#6c8561;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.profile-container button:hover{background-color:#5a704c}.glosquiz{background-color:#f4f4f9;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a;width:80%;max-width:600px;margin:2rem auto;text-align:center}.glosquiz h2{font-size:2.5rem;color:#6c8561;margin-bottom:1.5rem}.glosquiz h3{font-size:1.5rem;color:#333;margin-bottom:1rem}.glosquiz p{font-size:1.2rem;color:#333;margin-bottom:1rem}.glosquiz input{padding:.5rem;border:1px solid #6C8561;border-radius:8px;width:100%;max-width:300px;margin-bottom:1.5rem;font-size:1rem;outline:none;transition:border-color .3s ease}.glosquiz input:focus{border-color:#7d9871}.glosquiz button{background-color:#6c8561;color:#fff;padding:.7rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.glosquiz button:hover{background-color:#7d9871}.glosquiz button:disabled{background-color:#b8cba9;cursor:not-allowed}.glosquiz .result{margin-top:2rem;font-size:1.2rem}.glosquiz .result p{font-weight:700}.glosquiz .result button{margin-top:1rem}@media (max-width: 768px){.header nav ul{flex-direction:column;gap:1rem;margin-left:25%;margin-right:25%}.card-container{flex-direction:column;align-items:center}.card{width:80%}}