/* Basic reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* Container centers the iframe */
#container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 1rem;
}

/* Responsive iframe wrapper */
#container iframe {
    width: 100%;
    height: 100vh; /* Full viewport height on larger screens */
    border: none;
}

/* For smaller screens (phones/tablets) */
@media (max-width: 768px) {
    #container iframe {
        height: 80vh;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    #container iframe {
        height: 70vh;
    }
}

h1 {
	font-family: Arial, sans-serif;
}