:root{--bg: #fffef8;--text: #333333;--accent: #005f73;--light: #f5f5f5;--mwidth: 800px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}nav{position:sticky;top:0;left:0;background-color:#000a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 20px;height:50px;width:75px;margin-top:-50px;border-bottom-right-radius:10px}nav a{color:#fff;display:block}header{text-align:center;padding:3rem 1rem 2rem;display:flex;justify-content:center;align-items:center}header #title{border-radius:15px;padding:20px;font-family:cursive;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}header h1{font-size:2rem;margin-bottom:.5rem;color:var(--accent)}.dates{font-size:1rem;color:#666}.mwidth{max-width:var(--mwidth);margin:0 auto;padding:2rem 1rem}h2{font-size:1.5rem;margin-bottom:1rem;color:var(--accent)}.timeline ul{list-style:none;border-left:2px solid var(--accent);padding-left:1.5rem}.timeline li{margin-bottom:1rem;position:relative}.timeline li:before{content:"";position:absolute;left:-1.93rem;top:.4rem;width:12px;height:12px;border-radius:50%;background:var(--accent)}.memories{display:grid;grid-template-columns:1fr 1fr;gap:15px;justify-content:space-between}@media (width < 800px){.memories{grid-template-columns:1fr}}.col1,.col2{display:flex;flex-direction:column;gap:15px}.memory{background:#ffffffeb;border-radius:20px;box-shadow:2px 2px 2px #00000041;border:1px solid rgba(0,0,0,.367);padding:25px;align-self:flex-start;width:100%}.memory .poem{width:100%}.memory .poem>p{text-align:center;font-family:cursive}.memory p{text-indent:1.5rem}.memory-full{text-align:justify}.memory-half{width:45%}#photos{background:#191919;width:100%;padding-bottom:70px}#photos .focus-bottom{object-position:center bottom}#photos h2{text-align:center;padding-top:20px}@media (width > 500px){#photos .grid{display:grid;grid-auto-rows:250px;grid-template-columns:repeat(auto-fill,250px)}}#photos .grid{justify-content:center;grid-auto-flow:dense;gap:1rem;max-width:900px;margin:auto}#photos .grid img{width:100%;height:100%;object-fit:cover;border-radius:10px}#photos .landscape{grid-column:span 2}#photos .portrait{grid-row:span 2}#photos .bottom{object-position:bottom}#photos .top{object-position:top}#photos .right{object-position:right}#photos .left{object-position:left}footer{text-align:center;padding:2rem 1rem;background:var(--light);font-size:.9rem}@media (max-width: 600px){h1{font-size:1.5rem}h2{font-size:1.25rem}.horizontal{grid-column:span 1}}