body {
    font-family: Arial, sans-serif;
    background-color: #0d47a1;
    margin: 0;
    padding: 0; /* Updated to 0 for full screen */
    overflow: hidden; /* Prevents scroll bars */
}
.container {
    /* width: 100%; */
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    height: 100vh; /* Full viewport height */
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    
}
h1 {
    text-align: center;
    color: #1565c0;
    margin: 20px 0;
}
.note-section {
    height: 70%; /* Ensures the iframe fills the container */
}
.note-section iframe {
    width: 100%;
    height: 100%;
    border: none; 
    
}
@media (max-width: 768px) {
    .container {
        padding: 0; /* Adjust padding for smaller screens if needed */
    }
}