Spaces:
Running
Running
| body { | |
| min-height: 100vh; | |
| background-color: #fff; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| main { | |
| flex: 1; | |
| } | |
| section { | |
| max-width: 800px; | |
| margin-bottom: 100px; | |
| } | |
| .body-container { | |
| font-family: 'Montserrat', sans-serif; | |
| } | |
| p, | |
| h1, | |
| h2, | |
| h3, | |
| ul, | |
| li { | |
| max-width: 660px; | |
| text-align: left; | |
| } | |
| h1 { | |
| width: 100%; | |
| margin: 0; | |
| font-weight: 700; | |
| font-size: 38px; | |
| } | |
| p { | |
| margin-bottom: 30px; | |
| font-weight: 400; | |
| text-align: left; | |
| font-size: 16px; | |
| line-height: 1.6; | |
| } | |
| h2 { | |
| width: 100%; | |
| margin: 0; | |
| margin-bottom: 40px; | |
| font-weight: 600; | |
| font-size: 32px; | |
| } | |
| h3 { | |
| font-size: 26px; | |
| font-weight: 500; | |
| } | |
| li { | |
| margin-bottom: 15px; | |
| line-height: 1.6; | |
| } | |
| @media (max-width: 800px) { | |
| .body-container { | |
| width: 90vw; | |
| } | |
| } | |
| @media (max-width: 600px) { | |
| section { | |
| margin-bottom: 45px; | |
| } | |
| h1 { | |
| font-size: 30px; | |
| } | |
| h2 { | |
| font-size: 24px; | |
| margin-bottom: 25px; | |
| } | |
| p { | |
| font-size: 16px; | |
| margin-bottom: 20px; | |
| } | |
| } | |