/* styles.css */ body, html { margin: 0; padding: 0; height: 100%; width: 100%; font-family: "Times New Roman", Times, serif; color: #000; font-size: 11px; background-color: #fff; } h1 { text-align: center; font-weight: 600; font-size: 2.75rem; margin: 0.3rem 0 0.5rem; } img { display: block; margin: 5px auto; width: 10vw; max-width: 20vw; height: auto; cursor: pointer; } iframe { width: 100%; margin: 0; padding: 0; border: none; } #iframe_header { height: 9vh; } #iframe_footer { height: 15vh; } /* Responsive Design for Mobile Devices */ @media only screen and (max-width: 768px) { #iframe_header { height: 13vh; } #iframe_footer { height: 25vh; } .video-container { flex-direction: column; } .video-embed { height: 100px; width: 100%; } } table { width: 100%; border: 1px solid blue; border-collapse: collapse; } td { padding: 10px; vertical-align: top; } td:first-child { width: 22vw; } td:last-child { width: 78vw; } p { margin: 10px 0; } a { color: #2969b0; text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } .highlight { font-weight: bold; font-size: 12px; } .video-container { display: flex; justify-content: space-between; } .video-embed { width: 10vw; height: 60px; position: relative; margin-bottom: 0; } .video-embed iframe { width: 100%; height: 100%; border: 0; } .content-paragraph { margin-bottom: 1rem; }