body { margin: 0; padding: 32px; padding-top: 0px; font-family: 'Roboto Mono', monospace; background: #FCF6BD; } h1, h2, h3 { font-family: 'Bebas Neue'; font-weight: normal; margin-top: 0; margin-bottom: 16px; } .blog_content h2, h3 { margin-top: 32px; } .privacy_content h2, h3 { margin-top: 32px; } .badge { background-color: black; } .badge h4 { margin: 0; padding: 8px 24px 8px 24px; font-family: 'Bebas Neue'; font-weight: normal; color: white; } footer, main { margin-top: 40px; } p { margin: 0; padding: 0; font-size: 17px; line-height: 1.6; } ul li { font-size: 17px; line-height: 1.6; } a { color: black; } .app-screen { margin-right: 32px; } .container { margin: 0 auto; max-width: 880px; } header { display: flex; justify-content: space-between; align-items: center; } main { display: flex; justify-content: space-between; } main { display: flex; justify-content: space-between; } .main-content { display: flex; flex-direction: column; justify-content: space-between; } img.screenshot { max-width: 100%; min-width: 260px; height: auto; } .app-links { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } footer { display: flex; justify-content: center; gap: 24px; } footer > * { margin: 0 12px; /* half of 24px */ } footer > :first-child { margin-left: 0; } footer > :last-child { margin-right: 0; } footer a { padding-left: 5px; padding-right: 5px; text-align: center; } .landscape-image { margin-top: 40px; margin-bottom: 40px; width: 100%; } .privacy_content p, li { word-break: break-word; } @media (max-width: 768px) { .app-links { margin-top: 32px; margin-bottom: 32px; justify-content: center; } .app-links img { justify-content: center; margin: 0 !important; } .app-screen { margin-right: 0px; margin-bottom: 32px; } .main_content { flex-direction: row; } main { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; } footer { flex-direction: column; text-align: center; } footer > * { margin: 0; } }