55 lines
1.2 KiB
CSS
55 lines
1.2 KiB
CSS
/* ───────── css/home.css ───────── */
|
|
:root {
|
|
/* 1 = 100% (default). Adjust as needed. */
|
|
--font-scale: 1.0;
|
|
}
|
|
html {
|
|
font-size: calc(16px * var(--font-scale));
|
|
}
|
|
|
|
/* Page-specific layout overrides for index.html */
|
|
.content-block, .section {
|
|
max-width: 1100px;
|
|
margin: 0 auto 4.5rem;
|
|
padding: 8vh var(--gutter-x) 6vh;
|
|
background: none;
|
|
border-radius: 0.7em;
|
|
box-sizing: border-box;
|
|
}
|
|
main.grid {
|
|
max-width: 2000px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
gap: 22px;
|
|
}
|
|
@media (max-width: 900px) {
|
|
.content-block, .section {
|
|
padding: 5vh 16px 3vh;
|
|
max-width: 98vw;
|
|
}
|
|
main.grid { max-width: 98vw; gap: 14px; }
|
|
}
|
|
@media (max-width: 600px) {
|
|
.content-block, .section {
|
|
padding: 3vh 6px 2vh;
|
|
max-width: 100vw;
|
|
}
|
|
main.grid { max-width: 100vw; gap: 8px; }
|
|
}
|
|
#projects.grid { margin-bottom: 6rem; }
|
|
#about.content-block,
|
|
#team.content-block,
|
|
#crew.content-block {
|
|
margin-top: 4.5rem;
|
|
margin-bottom: 1rem;
|
|
max-width: 2000px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
#pipeline.section {
|
|
margin-bottom: 1rem;
|
|
max-width: 2000px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
footer { margin-top: 1.5rem; padding-bottom: 1.5rem; } |