| body { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| h1 { | |
| font-size: 16px; | |
| margin-top: 0; | |
| } | |
| p { | |
| color: rgb(107, 114, 128); | |
| font-size: 15px; | |
| margin-bottom: 10px; | |
| margin-top: 5px; | |
| } | |
| .card { | |
| max-width: 620px; | |
| margin: 0 auto; | |
| padding: 16px; | |
| border: 1px solid lightgray; | |
| border-radius: 16px; | |
| } | |
| .card p:last-child { | |
| margin-bottom: 0; | |
| } | |
| iframe { | |
| height: 100vh; /* Sets height to 100% of the viewport height */ | |
| width: 100vw; /* Sets width to 100% of the viewport width (optional, but often desired) */ | |
| border: none; /* Removes default iframe border */ | |
| display: block; /* Changes iframe from inline to block-level element */ | |
| } | |