/* Custom styles to define the layout and maintain the 'web 1.0' feel while using Tailwind */
body {
font-family: 'Inter', sans-serif;
background-color: #f0f4f8; /* Light gray background */
}
.container-box {
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border: 2px solid #14213D; /* Deep Navy from earlier suggestion */
border-radius: 12px;
max-width: 800px;
margin: 40px auto;
min-height: 70vh;
}
.nav-link {
transition: background-color 0.2s, color 0.2s;
}
.nav-link:hover {
background-color: #EF233C; /* Coral Red accent */
color: white;
border-radius: 8px;
}
.ng-cloak { display: none !important; } /* Prevents flash of uncompiled content */