| /* Set a background color for the page */ | |
| body { | |
| background-color: #f8f8f8; | |
| } | |
| /* Center and style the iframes */ | |
| iframe { | |
| display: block; | |
| margin: 20px auto; | |
| max-width: 100%; | |
| height: calc(100vh - 100px); | |
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | |
| border-radius: 4px; | |
| overflow: hidden; | |
| } | |
| /* Add a subtle hover effect to the iframes */ | |
| iframe:hover { | |
| box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); | |
| transform: translateY(-2px); | |
| } | |
| /* Style the page title */ | |
| h1 { | |
| text-align: center; | |
| font-size: 2.5rem; | |
| margin-top: 50px; | |
| } | |