body{margin:0;background:#161616;color:#111;font:14px/1.45 Arial,sans-serif}a{color:#29445d}.site{width:min(1080px,calc(100% - 24px));margin:18px auto;background:#e9e1d2;border:1px solid #111;box-shadow:0 0 0 6px #242424,10px 12px 0 #0004}header{display:grid;grid-template-columns:190px 1fr 150px;gap:16px;padding:16px;background:#cdc2af;border-bottom:2px solid #222}.logo{font:900 38px/.82 Impact,sans-serif;transform:rotate(-2deg)}.logo small{display:block;font:11px monospace;margin-top:10px}.tag{font:italic 16px Georgia,serif;align-self:center}.stamp{border:2px solid #7d2e2a;color:#7d2e2a;padding:9px;text-align:center;font:10px monospace;align-self:center;transform:rotate(2deg)}.layout{display:grid;grid-template-columns:175px 1fr}.nav{background:#c9beab;border-right:1px solid #666;padding:12px}.nav a{display:block;padding:6px;color:#181614;text-decoration:none}.nav a:hover,.nav .active{background:#b6a68d}.side{margin-top:18px;padding:9px;border:1px dashed #665e54;background:#eee6d8;font:12px Georgia,serif}main{padding:18px 22px 34px;background:#f1ecdf;background-image:radial-gradient(#00000008 .7px,transparent .7px);background-size:8px 8px}.title{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid #5d564c;padding-bottom:7px;margin-bottom:16px}.title h1{margin:0;font:700 31px Georgia,serif}.grid{display:grid;grid-template-columns:1.35fr .8fr;gap:15px}.panel{background:#eee8dc;border:1px solid #80776b;padding:12px;margin-bottom:15px;box-shadow:4px 5px 0 #0002}.panel:nth-child(even){transform:rotate(.4deg)}.panel h2{display:inline-block;margin:0 0 9px;background:#d0c3af;padding:3px 7px;font:700 13px monospace;text-transform:uppercase;transform:rotate(-1deg)}.sticky{background:#e0d5a6;border:1px solid #94865e;padding:11px;box-shadow:3px 4px 0 #0002;transform:rotate(2deg);font:13px 'Comic Sans MS',Arial,sans-serif;margin-bottom:18px}.tape{position:absolute;top:-8px;left:30px;width:70px;height:14px;background:#bba57aB3;transform:rotate(-2deg)}.photo{min-height:220px;display:grid;place-items:center;background:linear-gradient(135deg,#42505b,#aaa08e 45%,#2d3740 46%,#59646d);color:white;border:7px solid #fbf8f0;outline:1px solid #756d63;font:10px monospace;letter-spacing:.12em}.polaroid{background:#fbf8f0;border:1px solid #aaa193;padding:9px 9px 20px;box-shadow:4px 5px 0 #0002;transform:rotate(-1.2deg)}.caption{font:11px monospace;margin-top:7px}.tags{display:flex;flex-wrap:wrap;gap:5px}.chip{background:#ccbca4;border:1px solid #8b7d68;padding:3px 6px;font:11px monospace}.update{display:grid;grid-template-columns:84px 1fr;gap:9px;border-top:1px dotted #81786d;padding:8px 0}.date{font:11px monospace;color:#675e53}.note{background:#e9dfd0;border-left:4px solid #7d2e2a;padding:8px 10px;font:13px Georgia,serif}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sketch{min-height:150px;background:#f7f1e6;border:1px solid #8b8175;padding:11px;box-shadow:3px 4px 0 #0002;font:11px monospace}.buttons{display:flex;flex-wrap:wrap;gap:6px}.button{width:88px;height:31px;display:grid;place-items:center;border:1px solid #222;box-shadow:2px 2px #222;text-decoration:none;color:#111;font:700 9px monospace;background:#d3cec3}.blue{background:#b8c4d0}.red{background:#c9a29b}footer{border-top:3px double #4e4841;padding:11px;background:#d0c5b2;font:11px monospace}@media(max-width:800px){header{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid #666}.grid,.gallery{grid-template-columns:1fr}}