/* Base Styles - Reset, body, and container styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background: #1e1e1e;
color: #d4d4d4;
height: 100vh;
/* Allow the page to scroll vertically when content exceeds viewport height,
especially on smaller screens. Horizontal overflow remains hidden. */
overflow-x: hidden;
overflow-y: auto;
}
.container {
display: flex;
flex-direction: column;
height: 100vh;
}