html,body {height: 100%; width: 100%;}
*{font-family: "Roboto", sans-serif;font-size: 94%; }
.very-center {display: block; margin: 5px auto; text-align:center;}
body>main {
    height: 80vh;
}
body>main>div#content {
    max-height: 80vh;
    overflow-y: auto; /* Enable vertical scrolling */
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.1); /* Slight background for better readability */
    border-radius: 8px;
    border: 2px solid #000;
    box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.1);
}
body>footer { color: var(--text-light); text-align: center; border-top: 1px solid rgba(0,0,0,0.2); margin-top: 1rem; padding: 0;font-size: .9rem; }
.hidden {display:none;}
#content>h2 {
    color:#4ad511;
}
#content>h3 {
    text-align: center;
    color: #0bc2f9;
}