body{font-family:Inter,Arial,sans-serif}h1,h2,h3{font-family:Yusei Magic,Arial,sans-serif}.hidden{display:none}img,embed,object,video,picture{max-width:100%}html{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{box-sizing:border-box;scroll-behavior:smooth;z-index:0;background-image:url(background.bf9f16f7.jpg);background-size:cover;width:100vw;height:100vh;margin:0;padding:0;line-height:1.5;position:fixed;overflow:hidden}body .photo-card,body .polaroid-card,body .sticky-note,body .sticker{box-sizing:border-box;position:absolute;top:50%;left:50%}@media screen and (width>=768px){html,body{font-size:16px}}@media screen and (width>=1200px){html,body{font-size:18px}}.full-width-grid-con{grid-template-columns:1fr minmax(0,1fr);display:grid}.grid-con{grid-column-gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding-left:16px;padding-right:16px;display:grid}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-end-1{grid-column-end:1}.col-end-2{grid-column-end:2}.col-end-3{grid-column-end:3}.col-end-4{grid-column-end:4}.col-end-5{grid-column-end:5}@media screen and (width>=768px){.grid-con{grid-column-gap:20px;grid-template-columns:repeat(12,minmax(0,1fr));padding-left:16px;padding-right:16px;display:grid}.m-col-span-1{grid-column:span 1/span 1}.m-col-span-2{grid-column:span 2/span 2}.m-col-span-3{grid-column:span 3/span 3}.m-col-span-4{grid-column:span 4/span 4}.m-col-span-5{grid-column:span 5/span 5}.m-col-span-6{grid-column:span 6/span 6}.m-col-span-7{grid-column:span 7/span 7}.m-col-span-8{grid-column:span 8/span 8}.m-col-span-9{grid-column:span 9/span 9}.m-col-span-10{grid-column:span 10/span 10}.m-col-span-11{grid-column:span 11/span 11}.m-col-span-12{grid-column:span 12/span 12}.m-col-span-full{grid-column:1/-1}.m-col-start-1{grid-column-start:1}.m-col-start-2{grid-column-start:2}.m-col-start-3{grid-column-start:3}.m-col-start-4{grid-column-start:4}.m-col-start-5{grid-column-start:5}.m-col-start-6{grid-column-start:6}.m-col-start-7{grid-column-start:7}.m-col-start-8{grid-column-start:8}.m-col-start-9{grid-column-start:9}.m-col-start-10{grid-column-start:10}.m-col-start-11{grid-column-start:11}.m-col-start-12{grid-column-start:12}.m-col-end-1{grid-column-end:1}.m-col-end-2{grid-column-end:2}.m-col-end-3{grid-column-end:3}.m-col-end-4{grid-column-end:4}.m-col-end-5{grid-column-end:5}.m-col-end-6{grid-column-end:6}.m-col-end-7{grid-column-end:7}.m-col-end-8{grid-column-end:8}.m-col-end-9{grid-column-end:9}.m-col-end-10{grid-column-end:10}.m-col-end-11{grid-column-end:11}.m-col-end-12{grid-column-end:12}.m-col-end-13{grid-column-end:13}}@media screen and (width>=1200px){.grid-con{grid-column-gap:40px;grid-template-columns:repeat(12,minmax(0,1fr));padding-left:40px;padding-right:40px;display:grid}.l-col-span-1{grid-column:span 1/span 1}.l-col-span-2{grid-column:span 2/span 2}.l-col-span-3{grid-column:span 3/span 3}.l-col-span-4{grid-column:span 4/span 4}.l-col-span-5{grid-column:span 5/span 5}.l-col-span-6{grid-column:span 6/span 6}.l-col-span-7{grid-column:span 7/span 7}.l-col-span-8{grid-column:span 8/span 8}.l-col-span-9{grid-column:span 9/span 9}.l-col-span-10{grid-column:span 10/span 10}.l-col-span-11{grid-column:span 11/span 11}.l-col-span-12{grid-column:span 12/span 12}.l-col-span-full{grid-column:1/-1}.l-col-start-1{grid-column-start:1}.l-col-start-2{grid-column-start:2}.l-col-start-3{grid-column-start:3}.l-col-start-4{grid-column-start:4}.l-col-start-5{grid-column-start:5}.l-col-start-6{grid-column-start:6}.l-col-start-7{grid-column-start:7}.l-col-start-8{grid-column-start:8}.l-col-start-9{grid-column-start:9}.l-col-start-10{grid-column-start:10}.l-col-start-11{grid-column-start:11}.l-col-start-12{grid-column-start:12}.l-col-end-1{grid-column-end:1}.l-col-end-2{grid-column-end:2}.l-col-end-3{grid-column-end:3}.l-col-end-4{grid-column-end:4}.l-col-end-5{grid-column-end:5}.l-col-end-6{grid-column-end:6}.l-col-end-7{grid-column-end:7}.l-col-end-8{grid-column-end:8}.l-col-end-9{grid-column-end:9}.l-col-end-10{grid-column-end:10}.l-col-end-11{grid-column-end:11}.l-col-end-12{grid-column-end:12}.l-col-end-13{grid-column-end:13}}.media-form{flex-direction:column;gap:1rem;display:flex}.media-form label{font-size:.8rem}.media-form input[type=text],.media-form input[type=file],.media-form input[type=date],.media-form select,.media-form textarea{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:.25rem;width:100%;margin-top:.5rem;padding:.75rem;font-family:Inter,Arial,sans-serif}.media-form input[type=text]:hover,.media-form input[type=file]:hover,.media-form input[type=date]:hover,.media-form select:hover,.media-form textarea:hover{border-color:#2d2d2d}.media-form textarea{resize:vertical;min-height:9rem;font-size:.8rem;line-height:1.5}.media-form button[type=submit]{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:.25rem;margin-top:1rem;padding:.75rem;font-weight:600;transition:background .2s}#sticker-form{flex-wrap:wrap;justify-content:center;gap:.5rem}#sticker-form .sticker-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:.5rem;padding:1rem;font-size:2rem;transition:transform .2s}#sticker-form .sticker-btn:hover{transform:scale(1.1)}#sticker-form .sticker-btn:active{transform:scale(.95)}#modal{z-index:9999;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#modal #modal-con{background:#fff;border-radius:1rem;width:75%;max-width:600px;margin:2rem auto;padding:2rem;position:relative;top:2rem}#modal #modal-con #close-modal{cursor:pointer;color:#666;font-size:2rem;position:absolute;top:1.5rem;right:2rem}#modal #modal-con #close-modal:hover{color:#2d2d2d}#modal #modal-con h2{color:#2d2d2d;margin-top:0;margin-bottom:2rem}#modal #modal-con #media-types{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:1rem;margin-bottom:2rem;display:grid}#modal #modal-con #media-types .media-type-btn{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:.5rem;flex-direction:column;align-items:center;padding:1rem;transition:all .2s;display:flex}#modal #modal-con #media-types .media-type-btn span{margin-bottom:.5rem;font-size:2rem}#modal #modal-con #media-types .media-type-btn:hover{background:#f9f9f9;border-color:#2d2d2d}#modal #modal-con #media-types .media-type-btn.active{color:#fff;background:#2d2d2d;border-color:#2d2d2d}.no-filter{filter:none}.sepia{filter:sepia()}.grayscale{filter:grayscale()}.vintage{filter:sepia(30%)contrast(110%)brightness(110%)saturate(130%)}.blur{filter:blur(2px)}.contrast{filter:contrast(150%)}.bright{filter:brightness(130%)saturate(120%)}.photo-card{width:fit-content;max-width:12rem;position:relative;transform:translate(-50%,-50%)}.photo-card .photo-plaque{background:#fff;border:2px solid #ededed;border-color:#ededed #e0e0e0;width:fit-content;max-width:100%;margin:.5rem 0 0;padding:.5rem 1.5rem .5rem .75rem;font-family:Inter,Arial,sans-serif;transition:box-shadow .2s;box-shadow:2px 2px 4px #0009}.photo-card .photo-plaque .caption{word-wrap:break-word;margin:0;font-size:1rem;font-weight:700;line-height:1.4}.photo-card .photo-plaque .date{margin:0;font-size:.75rem;font-weight:300}.photo-card img{box-sizing:border-box;background:#fff;border:.5rem solid #333;border-color:#333 #000;max-width:100%;height:auto;max-height:20rem;padding:1rem;transition:box-shadow .2s;box-shadow:2px 2px 4px #0009}.photo-card.dragging .photo-plaque,.photo-card.dragging img{box-shadow:15px 15px 15px #0009}@media screen and (width>=768px){.photo-card{max-width:15rem}.photo-card img{border-width:.75rem;padding:1.5rem}.photo-card .photo-plaque{padding:.5rem 2rem .75rem 1rem}.photo-card .photo-plaque .caption{font-size:1.25rem}}@media screen and (width>=1200px){.photo-card{max-width:18rem}.photo-card img{border-width:1rem;padding:2rem}.photo-card .photo-plaque{padding:.5rem 3rem .75rem 1.25rem}.photo-card .photo-plaque .caption{font-size:1.5rem}}.polaroid-card{background-color:#fff;width:fit-content;max-width:10rem;padding:.75rem;transition:box-shadow .2s;position:relative;transform:translate(-50%,-50%)rotate(.5deg);box-shadow:2px 2px 4px #0009}.polaroid-card p{word-wrap:break-word;width:100%;margin:.5rem 0 0;font-family:Permanent Marker,cursive;font-size:.9rem}.polaroid-card:before{content:"";transform-origin:50%;opacity:0;z-index:5;background-image:url(tape-1.5ed17d94.svg);background-repeat:no-repeat;background-size:contain;width:6rem;height:6rem;animation:.1s ease-in forwards stickTape;position:absolute;top:-1.5rem;left:50%;transform:scale(1)translate(-50%)translateY(-100%)rotate(20deg)}.polaroid-card:nth-of-type(2):before{background-image:url(tape-2.23efce42.svg)}.polaroid-card:nth-of-type(3):before{background-image:url(tape-3.7bf53041.svg)}.polaroid-card:nth-of-type(4):before{background-image:url(tape-4.ac4b1677.svg)}.polaroid-card:nth-of-type(5):before{background-image:url(tape-5.87f004c2.svg)}.polaroid-card.dragging:before{animation:.1s ease-in forwards stickTapeReverse}.polaroid-card img{min-width:100%;max-width:100%;height:auto;max-height:15rem}.polaroid-card.dragging{box-shadow:15px 15px 15px #0009}@keyframes stickTape{0%{opacity:1;transform:scale(1.03)translate(-46%,3%)rotate(.1deg)}50%{transform:scale(1.015)translate(-48%,2%)rotate(0)}to{opacity:1;transform:scale(1)translate(-50%)rotate(0)}}@keyframes stickTapeReverse{0%{opacity:1;transform:scale(1)translate(-50%)rotate(0)}50%{opacity:1;transform:scale(1.015)translate(-48%,2%)rotate(0)}to{opacity:1;transform:scale(1.03)translate(-46%,3%)rotate(.1deg)}}@media screen and (width>=768px){.polaroid-card{max-width:12rem;padding:.75rem}.polaroid-card p{margin-top:.5rem;font-size:1rem}.polaroid-card:before{width:7rem;height:7rem;top:-1.65rem}}@media screen and (width>=1200px){.polaroid-card{max-width:15rem;padding:1rem}.polaroid-card p{margin-top:.75rem;font-size:1.25rem}}.sticky-note{word-wrap:break-word;background:#feff9c;width:10rem;max-width:10rem;min-height:10rem;max-height:10rem;padding:1rem;transition:box-shadow .2s;position:relative;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:2px 2px 4px #0009}.sticky-note p{text-transform:uppercase;margin:0;font-family:Permanent Marker,cursive;font-size:.9rem;line-height:1.5}.sticky-note:before{content:"";transform-origin:50%;opacity:0;background-image:url(thumbtack.96c90f61.svg);background-repeat:no-repeat;background-size:contain;width:3rem;height:3rem;animation:.1s ease-in forwards stickTape;position:absolute;top:-1.25rem;left:45%;transform:scale(1)translate(-50%)translateY(-100%)rotate(20deg)}.sticky-note.dragging:before{animation:.1s ease-in forwards stickTapeReverse}.sticky-note.dragging{box-shadow:15px 15px 15px #0009}@media screen and (width>=768px){.sticky-note{width:11rem;max-width:11rem;min-height:11rem;max-height:11rem;padding:1.25rem}.sticky-note:before{width:3.5rem;height:3.5rem;top:-1.5rem}}@media screen and (width>=1200px){.sticky-note:before{width:4rem;height:4rem;top:-1.75rem}}.sticker{z-index:999;width:fit-content;font-size:2rem;position:relative;transform:translate(-50%,-50%)}@media screen and (width>=768px){.sticker{font-size:2.5rem}}#controls-con{box-sizing:border-box;background-color:#ffffff80;border:.5rem solid #333;border-color:#333 #000;flex-direction:column;justify-content:center;align-items:center;width:95%;max-width:300px;margin:1rem auto;padding:1rem 1.5rem;font-family:Yusei Magic,Arial,sans-serif;transition:box-shadow .2s;display:flex;box-shadow:2px 2px 4px #0009}#controls-con.dragging{box-shadow:15px 15px 15px #0009}#controls-con h1{text-align:center;margin:0;font-size:1.75rem}#controls-con p{text-align:center;margin:0;font-size:.9rem;font-weight:300}#controls-con #controls{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:.5rem;display:flex}#controls-con #controls .control-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}#controls-con #controls .control-btn:hover{background:#555;transform:translateY(-2px)}#controls-con #controls .control-btn:active{transform:translateY(2px)}@media screen and (width>=768px){#controls-con{border-width:.75rem;max-width:400px;margin:1.5rem auto;padding:1.5rem 2rem}#controls-con h1{font-size:2rem}#controls-con p{font-size:1rem}#controls-con #controls{margin-top:1.5rem;margin-bottom:.75rem}#controls-con #controls .control-btn{padding:.85rem 1.25rem;font-size:1rem}}@media screen and (width>=1200px){#controls-con{border-width:1rem;max-width:500px;margin:2rem auto;padding:2rem 0}#controls-con h1{font-size:2.5rem}#controls-con #controls{margin-top:2rem;margin-bottom:1rem}#controls-con #controls .control-btn{padding:1rem 1.5rem}}
/*# sourceMappingURL=index.9062ad07.css.map */