@import"https://fonts.googleapis.com/css2?family=Indie+Flower&family=Caveat:wght@400&display=swap";body{font-family:Garamond,serif;font-size:16;margin:0;padding:0;background:#add8e6}nav{background-color:#d3d3d3;border-bottom:1px solid #ccc;padding:.5rem 1rem}.nav{display:flex;gap:1rem;list-style:none;padding:0;margin:0;align-items:center}.nav>a,.dropdown>summary{text-decoration:none;color:#333;font-weight:700;cursor:pointer}summary::marker{content:none}summary:after{content:" ▼";font-size:.6em;margin-left:.3em;vertical-align:middle}.dropdown{position:relative}.dropdown-menu{display:flex;flex-direction:column;background:#fff;border:.01em solid #ddd;border-radius:6%;padding:.5rem;position:absolute;z-index:10;margin-top:.5rem}.dropdown-menu a{padding:.3rem .5rem;text-decoration:none;color:#333;white-space:nowrap}.dropdown-menu a:hover{background-color:#f0f0f0}h2{text-align:center;margin:0;padding-top:.5rem;padding-bottom:.25rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:0;padding:0 1rem;width:50%}.photo-grid a{text-decoration:none;color:inherit}.photo-grid figure{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.photo-grid figure:hover{transform:scale(1.03);box-shadow:0 6px 18px #0000001f}.photo-grid img{width:100%;height:200px;object-fit:cover;display:block}.photo-grid figcaption{padding:.75rem;font-size:1rem;text-align:center}.description{font-size:large;text-align:center;padding:.25rem}#topText{background-color:#87cefa;margin:0;padding:0}.title{background-color:#90ee90;font-size:x-large}h1{margin:0;padding:.75em}.grid-container{display:flex;gap:5%;padding:0 2.5%;align-items:stretch}.photo-grid{width:45%;padding:0;margin:0}@media (max-width: 768px){.grid-container{flex-direction:column;align-items:center}.grid-section{width:100%}.photo-grid{padding:0;justify-content:center}}.grid-section{width:50%;display:flex;flex-direction:column;align-items:center;gap:1rem}.polaroid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),.75fr));gap:1rem;justify-items:center;margin-inline:auto;padding:5%;align-items:center}.polaroid{display:inline-block;padding:1rem 1rem 2rem;width:110%;transform:rotate(var(--tilt, 0deg));z-index:1;position:relative;margin-bottom:-2em}.flip-card:hover{z-index:10}.noteBtn{all:unset;cursor:pointer;display:block;width:100%}.noteBtn img{width:100%;height:auto;border-radius:6px;display:block}.note.visible{display:block}.note-toggle{background:transparent;border:none;font-size:1.2rem;cursor:pointer}.flip-card{transform:rotate(var(--tilt, 0deg));transform-origin:center center;perspective:1000px}.flip-inner{grid-area:1 / 1;display:grid;transform-style:preserve-3d;transition:transform .8s ease;box-shadow:2px 4px 12px #0003}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{grid-area:1 / 1;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;background:#fff;border:2px solid #eee;border-radius:10px;box-shadow:2px 4px 12px #0003;padding:1rem 1rem 3.5rem;padding-bottom:.5em}.flip-front img{max-width:100%;height:auto;display:block;border-radius:6px}.flip-back{transform:rotateY(180deg);font-family:Courier New,monospace;font-size:.9rem;text-align:center;position:relative}.flip-back .note-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.25rem;cursor:pointer}figure.polaroid{max-width:100%;margin:-5em}figcaption{font-family:Indie Flower,cursive;font-size:1em;justify-self:right;padding-top:5%}.note-text{font-family:Caveat,cursive;font-size:larger}@media (max-width: 480px){.polaroid-grid{gap:3.5em;grid-template-columns:repeat(auto-fill,minmax(79px,1fr));margin:3rem 2rem 2rem}.polaroid{padding:2rem}figcaption{font-size:.7em}.flip-front,.flip-back{padding:.5rem .5rem 2rem}.noteBtn img{border-radius:4px}.flip-back{font-size:.6rem}.spacer{display:none}}