54 lines
2.2 KiB
CSS
54 lines
2.2 KiB
CSS
/* Carmen Mattos — garden-to-table. Warm botanical editorial, cream and deep green. */
|
|
:root{
|
|
--cream:#f6f0e0;
|
|
--paper:#fbf7ea;
|
|
--green:#2e4a2a;
|
|
--deep:#1d2a1d;
|
|
--olive:#6e8a4e;
|
|
--terracotta:#b06a3a;
|
|
--ink:#282218;
|
|
}
|
|
*{box-sizing:border-box}
|
|
body{
|
|
margin:0;
|
|
background:var(--paper);
|
|
color:var(--ink);
|
|
font-family:Georgia,"Times New Roman",serif;
|
|
line-height:1.7;
|
|
}
|
|
a{color:var(--terracotta);text-decoration:underline;text-underline-offset:3px}
|
|
a:hover{color:var(--green)}
|
|
|
|
/* nav baked by fort-nav */
|
|
fort-nav{display:block}
|
|
fort-nav nav{background:var(--deep);color:var(--cream);padding:.9rem 0;border-bottom:4px solid var(--olive)}
|
|
fort-nav nav a{color:var(--cream);margin:0 .9rem;text-decoration:none;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}
|
|
fort-nav nav a:hover{color:#cfd9b6}
|
|
|
|
.mast{padding:3.5rem 6% 2rem;border-bottom:1px solid rgba(46,74,42,.25)}
|
|
.kicker{color:var(--terracotta);font-style:italic;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;margin:0 0 .6rem}
|
|
h1{font-size:2.9rem;margin:0;font-weight:normal;color:var(--green);letter-spacing:.01em}
|
|
.lede{font-size:1.15rem;max-width:56ch;color:#4a4238;font-style:italic}
|
|
|
|
main{max-width:1080px;margin:0 auto;padding:2.5rem 6% 4rem}
|
|
h2{color:var(--green);font-size:1.7rem;font-weight:normal;border-bottom:1px solid var(--olive);padding-bottom:.4rem;margin-top:3rem}
|
|
|
|
.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:start}
|
|
.lead-img{width:100%;border-radius:2px;box-shadow:0 6px 24px rgba(40,34,24,.18);border:6px solid #fff}
|
|
.intro-text p{margin:.5rem 0;color:#3c362c}
|
|
|
|
.identity-grid{display:grid;gap:1.5rem}
|
|
.identity-grid > *{background:#fff;border:1px solid rgba(46,74,42,.2);padding:1.2rem 1.4rem;border-left:5px solid var(--olive)}
|
|
|
|
.recipe{background:var(--cream);border:1px solid rgba(46,74,42,.25);padding:1.5rem 1.8rem;border-radius:2px}
|
|
.recipe h3{color:var(--terracotta);font-weight:normal;font-size:1.4rem;margin-top:0}
|
|
|
|
.fieldnote a{font-weight:bold}
|
|
|
|
.neighbors > *{background:#fff;border:1px solid rgba(46,74,42,.2);padding:1.2rem 1.4rem}
|
|
|
|
footer{background:var(--deep);color:var(--cream);text-align:center;padding:1.6rem;font-style:italic;font-size:.9rem}
|
|
|
|
@media (max-width:720px){
|
|
.intro{grid-template-columns:1fr}
|
|
} |