Deploy mobile layout tweaks to GitHub Pages

This commit is contained in:
Brendan Greenlee 2026-08-12 16:43:09 +00:00
parent 09a0e5d5d8
commit 1ad33db104

View file

@ -26,6 +26,16 @@
z-index: 0; z-index: 0;
} }
.container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; } .container { max-width: 640px; text-align: center; position: relative; z-index: 1; margin-top: 20vh; }
/* Mobile portrait only: keep the name above the skyline, small screens */
@media (max-width: 767px) {
body {
background-position: 50% 20%;
background-attachment: scroll;
}
.container { margin-top: 15vh; }
h1 { font-size: 2.1rem; }
p { font-size: 1.1rem; }
}
h1 { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.7); } h1 { font-size: 3rem; font-weight: 600; margin-bottom: 0.5rem; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,0.7); }
p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); } p { font-size: 1.25rem; line-height: 1.6; color: #f2f2f2; text-shadow: 0 1px 4px rgba(0,0,0,0.6); }
</style> </style>