diff --git a/assets/css/style.css b/assets/css/style.css index c05bd7c..0b052ff 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -235,6 +235,59 @@ a:not(:has(img)):hover { text-decoration: underline; } image-rendering: pixelated; } +.services-page { + max-width: 900px; + margin: 0 auto; + padding: 6rem 2rem 8rem 2rem; + text-align: left; + box-sizing: border-box; +} + +.service-card { + background: rgba(255, 255, 255, 0.05); + border: 1px solid rgba(255, 255, 255, 0.08); + padding: 1.5rem; + margin: 1.5rem 0; + border-radius: 6px; + backdrop-filter: blur(6px); + box-shadow: 0 0 12px rgba(0, 0, 0, 0.25); +} + +.service-card h2 { + font-family: "Clockopia", sans-serif; + color: #fff5a8; + margin-top: 0; + margin-bottom: .75rem; +} + +.service-card ul { + margin-left: 1.25rem; + line-height: 1.7; + color: #ddd; +} + +.service-card a { + color: #fff5a8; + text-decoration: none; +} + +.service-card a:hover { + text-decoration: underline; +} + +@media (max-width: 900px) { + .services-page { + padding-left: 1.5rem; + padding-right: 1.5rem; + padding-top: 5rem; + text-align: center; + } + .service-card ul { + text-align: left; + } +} + + /* Background */ #night { position: fixed; diff --git a/index.html b/index.html index 7c8fd6b..cec700d 100644 --- a/index.html +++ b/index.html @@ -87,7 +87,7 @@ - +