*{box-sizing:border-box;margin:0;padding:0}:root{--page-count: 30;--page-scroll: 25;--underline: rgba(64, 64, 64, .4);--spine: #000;--cover: #1a1a1a;--bg: #464545;--insert: #d9d9d9;--page: #e6e6e6}body{width:100vw;height:calc(((var(--page-count) + 2) * var(--page-scroll)) * 1vh);background:var(--bg);overflow-x:hidden}h1{position:fixed;bottom:1rem;right:1rem;margin:0;font-size:2rem;color:gray;font-weight:700;pointer-events:none;z-index:1000}.resources-link{position:fixed;top:1rem;right:1rem;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-family:Handlee,cursive;font-size:1.1rem;border-radius:25px;z-index:10000;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.resources-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0006}.progress-bar{position:fixed;top:0;left:0;height:4px;width:0%;background:linear-gradient(90deg,#13e796,#02f7ff);z-index:9999}.book{height:70vmin;width:50vmin;min-width:300px;min-height:400px;max-width:600px;max-height:800px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);transform-style:preserve-3d;perspective:1200px}.book__spine{height:100%;width:10px;position:absolute;left:0;top:0;background:var(--spine);transform-origin:0 50%;transform:translateZ(-13px) scaleX(1) rotateY(0)}.book__insert{content:"";position:absolute;height:94%;width:90%;background:var(--insert);top:50%;right:0;transform:translateY(-50%);border-radius:5% 0 0 5%}.page{height:100%;width:100%;position:relative;transform-style:preserve-3d}.page__number{position:absolute;color:gray;bottom:1rem;font-size:20px;font-weight:700;pointer-events:none}.page__half--front .page__number{right:1rem}.page__half--back .page__number{left:1rem}.page__half{display:flex;align-items:center;justify-content:center;height:100%;position:absolute;top:0;left:0;width:100%;transform:rotateY(calc(var(--rotation, 0) * 1deg)) translateZ(calc((.5 * var(--coefficient, 0)) * 1px));-webkit-clip-path:inset(0 .5% 0 .5%);clip-path:inset(0 .5% 0 .5%);pointer-events:auto}.page__half--front{--rotation: 0;--coefficient: 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0 5% 5% 0;z-index:2}.page__half--back{--rotation: 180;--coefficient: 2;border-radius:5% 0 0 5%;z-index:1}.book__page{position:absolute;left:2%;top:50%;height:94%;width:85%;transform:translateY(-50%);transform-origin:0% 50%;border-radius:0 5% 5% 0;z-index:calc(((var(--page-count) + 2) - var(--page-index)) * 2);transform-style:preserve-3d}.book__cover{height:100%;width:100%;position:absolute;top:50%;left:0;background:var(--cover);border-radius:0 5% 5% 0}.book__cover--front{transform-origin:0 50%}.book__cover--front .page__half--back{border-right:1rem solid var(--spine)}.book__cover--back{transform-origin:0% 50%}.book__cover--back .page__half--front{background:var(--cover);clip-path:none;border-radius:0 5% 5% 0}.book__cover--back .page__half--back{background:var(--cover);clip-path:none;border-radius:5% 0 0 5%;width:100%;left:0}.book__cover--back .book__insert{left:0;right:auto;border-radius:0 5% 5% 0}.book__page:not(.book__cover) .page__half{background:repeating-linear-gradient(0deg,transparent 0 1rem,var(--underline) 1rem calc(1rem + 1px),transparent calc(1rem + 1px)) 0 1rem / 100% 100% no-repeat,var(--page)}.sticker{height:15%;position:absolute;bottom:5%;right:5%;transform:rotate(-25deg)}.code{line-height:1.2;font-family:monospace;white-space:pre-line;max-width:100%;max-height:100%;font-weight:700;color:#0f0f0f;text-shadow:2px 2px 0 #1c1c1c;border-radius:5%;display:block;overflow:hidden}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;height:25%}a{height:100%;width:100%;position:relative;display:block}img{width:90%;height:90%;-o-object-fit:center;object-fit:cover;object-position:center;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title{width:auto;height:auto;top:25%}.title2{width:100%;height:auto;top:20%;left:45%}.title3{width:100%;height:auto;top:20%;left:50%}.sun{width:40%;height:30%;top:55%;left:80%}.spr{width:30%;height:auto;top:45%;left:20%}.clove{width:40%;height:auto;top:72%;left:94.5%;rotate:-40deg}.fci{width:70%;height:60%;top:75%}.van{width:40%;height:auto;top:85%;left:23%;rotate:-20deg}.plane{width:30%;height:auto;top:65%;left:20%}.dp{position:fixed;width:40%;height:auto;left:81%;top:15%}.cam{position:fixed;width:14%;height:auto;left:67%;top:25%}.page-text{position:absolute;bottom:70%;left:33%;transform:translate(-50%);text-align:center;width:73%;z-index:10;font-family:Handlee,cursive}.page-title{font-size:3rem;font-weight:700;color:#1a1a1a;margin:40% 0 0;font-family:Handlee,cursive}.page-subtitle{font-size:23px;font-weight:600;color:#000;margin:0;font-family:Handlee,cursive}.page-description{font-size:20px;font-weight:400;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive}.bulb{width:180%;height:auto;left:-95%;top:33%;rotate:18deg}.GTKM-container{position:absolute;bottom:63%;left:45%;transform:translate(-50%);text-align:center;width:73%;z-index:10;font-family:Handlee,cursive}.GTKM{font-size:35px;font-weight:700;color:#000;margin:0;font-family:Handlee,cursive;left:0%}.about{position:absolute;bottom:26%;left:45%;transform:translate(-50%);text-align:left;width:85%;z-index:10;font-family:Handlee,cursive}.abt{font-size:1rem;font-weight:400;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive}.star{position:fixed;width:30%;height:auto;top:40%;left:89%;pointer-events:none}.star2{position:fixed;width:20%;height:auto;top:45%;left:75%;pointer-events:none}.star3{position:fixed;width:15%;height:auto;top:50%;left:90%;pointer-events:none}.description{position:absolute;bottom:7%;left:50%;transform:translate(-50%);text-align:justify;width:90%;z-index:10;font-family:Handlee,cursive}.desc{font-size:1rem;font-weight:400;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive}.terdpage{position:absolute;bottom:58%;left:45%;transform:translate(-50%);text-align:justify;width:80%;z-index:10;font-family:Handlee,cursive}.terd,.motto{font-size:1rem;font-weight:400;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive}.clove2{position:fixed;width:30%;height:auto;top:73%;left:95%;rotate:-40deg;pointer-events:none}.hearts{position:fixed;width:25%;height:auto;top:5%;left:65%;rotate:-20deg;pointer-events:none}.pers{position:absolute;bottom:20%;left:50%;transform:translate(-50%);text-align:left;width:90%;z-index:10;font-family:Handlee,cursive}.name,.subject,.prof{font-size:1.5rem;font-weight:bolder;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive}.apc{position:fixed;width:25%;height:auto;top:82%;left:16%}.vg{position:fixed;width:20%;height:auto;top:67%;left:80%;rotate:10deg}.music{position:fixed;width:25%;height:auto;top:80%;left:50%}.books{position:fixed;width:20%;height:auto;top:90%;left:75%;rotate:-10deg}.marvel{position:fixed;width:35%;height:auto;top:93%;left:45%}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-content:center;width:90%;height:60%;position:absolute;top:63%;left:48%;transform:translate(-50%,-50%);z-index:10}.gallery-img{position:relative;width:100%;height:auto;object-fit:contain;display:block;margin:0 auto}.orgs-container{position:absolute;bottom:51%;left:58%;transform:translate(-50%);text-align:center;width:90%;z-index:10;font-family:Handlee,cursive}.orgs{font-size:1.8rem;font-weight:700;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.org-logo{position:fixed;width:16%;height:auto;top:45%;left:10%;pointer-events:none}.MSC{position:absolute;width:20%;height:auto;top:52%;left:13%;cursor:pointer}.BAND{position:absolute;width:20%;height:auto;top:52%;left:28%;cursor:pointer}.SOAR{position:absolute;width:12%;height:auto;top:52%;left:44%;cursor:pointer}.GG{position:absolute;width:12%;height:auto;top:52%;left:60%;cursor:pointer}.JISSA{position:absolute;width:12%;height:auto;top:65%;left:12%;cursor:pointer}.JPCS{position:absolute;width:12%;height:auto;top:65%;left:28%;cursor:pointer}.BRIDGE{position:absolute;width:12%;height:auto;top:65%;left:44%;cursor:pointer}.SoCIT{position:absolute;width:12%;height:auto;top:65%;left:60%;cursor:pointer}.img1{position:absolute;width:22%;height:auto;top:78%;left:8%;border:#966b48 solid 4px;border-radius:5px;cursor:pointer;rotate:-5deg}.img2{position:absolute;width:22%;height:auto;top:80%;left:30%;border:#966b48 solid 4px;border-radius:5px;cursor:pointer;rotate:3deg}.img3{position:absolute;width:22%;height:auto;top:78%;left:52%;border:#966b48 solid 4px;border-radius:5px;cursor:pointer;rotate:-3deg}.img4{position:absolute;width:22%;height:auto;top:92%;left:15%;border:#966b48 solid 4px;border-radius:5px;cursor:pointer;rotate:4deg}.img5{position:absolute;width:22%;height:auto;top:94%;left:38%;border:#966b48 solid 4px;border-radius:5px;cursor:pointer;rotate:-4deg}.img6{position:absolute;width:22%;height:auto;top:92%;left:60%;border:#966b48 solid 4px;border-radius:5px;cursor:pointer;rotate:2deg}.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center;width:90%;height:30%;position:absolute;top:88%;left:47%;transform:translate(-50%,-50%);z-index:900}.friends-grid-img{position:relative;width:90%;height:auto;object-fit:contain;display:block;margin:0 auto;border:#855a0a solid 2px;border-radius:7px}.friend-img-1,.friend-img-2,.friend-img-3,.friend-img-4,.friend-img-5,.friend-img-6{position:relative;width:83%;height:auto;aspect-ratio:16/9;object-fit:cover;border:#966b48 solid 4px;border-radius:5px;cursor:pointer;display:block;margin:0 auto;transform-origin:center center}.modal{position:fixed;z-index:10000;inset:0;width:100vw;height:100vh;background-color:#000000e6;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:pointer}.modal.active{opacity:1;visibility:visible}.modal-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.modal-img{position:relative!important;top:auto!important;left:auto!important;max-width:80vw;max-height:80vh;width:auto!important;height:auto!important;object-fit:contain;border-radius:10px;box-shadow:0 0 30px #fff3;transform:scale(.7)!important;opacity:0;transition:transform .3s ease,opacity .3s ease;cursor:default}.modal.active .modal-img{transform:scale(1)!important;opacity:1}.skills{position:fixed;width:15%;height:auto;top:10%;left:12%;pointer-events:none}.arsenal{position:absolute;bottom:85%;left:58%;transform:translate(-50%);text-align:center;width:70%;z-index:10;font-family:Handlee,cursive}.arsenal-title{font-size:30px;font-weight:700;color:#1a1a1a;margin:40% 0 0;font-family:Handlee,cursive}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:10px;align-items:center;justify-items:center;width:100%;height:80%;position:absolute;top:55%;left:48%;transform:translate(-50%,-50%);z-index:900}.Skill-1,.Skill-2,.Skill-3,.Skill-4,.Skill-5,.Skill-6,.Skill-7,.Skill-8,.Skill-9,.Skill-10,.Skill-11,.Skill-12,.Skill-13,.Skill-14,.Skill-15{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:120%!important;height:auto!important;max-height:75px;object-fit:contain!important;display:block;margin:0 auto;cursor:pointer;transition:transform .3s ease,filter .3s ease}.Skill-1:hover,.Skill-2:hover,.Skill-3:hover,.Skill-4:hover,.Skill-5:hover,.Skill-6:hover,.Skill-7:hover,.Skill-8:hover,.Skill-9:hover,.Skill-10:hover,.Skill-11:hover,.Skill-12:hover,.Skill-13:hover,.Skill-14:hover,.Skill-15:hover{transform:scale(1.15)!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.pift{position:fixed;width:80%;height:auto;top:70%;left:50%;filter:drop-shadow(0 0 15px rgba(0,0,0,.6))}.projs{position:absolute;bottom:85%;left:58%;transform:translate(-50%);text-align:center;width:70%;z-index:10;font-family:Handlee,cursive}.projs-title{font-size:30px;font-weight:700;color:#1a1a1a;margin:40% 0 0;font-family:Handlee,cursive}.SOAR-proj{position:fixed;width:50%;height:auto;top:27%;left:30%;border:#000000 solid 4px;border-radius:5px;cursor:pointer}.Soar-text{background-color:#fff;position:absolute;border:#000000 solid 2px;bottom:57%;left:30%;transform:translate(-50%);text-align:center;width:50%;z-index:10;font-family:Handlee,cursive}.soar-desc{font-size:12px;font-weight:bolder;background-color:#fff;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.Soarshirt{position:fixed;width:40%;height:auto;top:30%;left:73%;cursor:pointer;rotate:15deg}.Band-proj{position:fixed;width:50%;height:21%;top:55%;left:72%;border:#ffbb00 solid 4px;border-radius:5px;cursor:pointer}.Band-text{background-color:#000;position:absolute;border:#ffbb00 solid 2px;border-radius:2px;bottom:29%;left:73%;transform:translate(-50%);text-align:center;width:50%;z-index:10;font-family:Handlee,cursive}.Band-desc{font-size:12px;font-weight:bolder;background-color:#000;color:#fb0;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.Bandcon{position:fixed;width:40%;height:auto;top:53%;left:30%;cursor:pointer;rotate:-15deg}.socit-proj{position:fixed;width:50%;height:21%;top:83%;left:30%;border:#035caf solid 4px;border-radius:5px;cursor:pointer}.socit-text{background-color:#bee4f5;position:absolute;border:#035caf solid 2px;border-radius:2px;bottom:2%;left:30%;transform:translate(-50%);text-align:center;width:52%;z-index:10;font-family:Handlee,cursive}.socit-desc{font-size:12px;font-weight:bolder;background-color:#bee4f5;color:#152352;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.socitmerchs{position:fixed;width:40%;height:auto;top:90%;left:70%;cursor:pointer;rotate:15deg}.funfacts-container{position:absolute;bottom:83%;left:57%;transform:translate(-50%);text-align:center;width:80%;z-index:10;font-family:Handlee,cursive}.funfacts-title{font-size:2.3rem;text-decoration:underline;font-weight:700;color:#1a1a1a;margin:0 0 20px;font-family:Handlee,cursive}.kalbo{position:fixed;width:18%;height:auto;top:10%;left:13%}.lean{position:fixed;width:50%;height:auto;left:26%;top:28%;border-radius:18px}.pres-container{position:absolute;bottom:65%;left:70%;transform:translate(-50%);text-align:center;width:65%;z-index:10;font-family:Handlee,cursive;font-weight:bolder}.pres{font-size:1.5rem;font-weight:bolder;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.cat{position:fixed;width:50%;height:auto;top:80%;left:30%;rotate:-15deg}.cat-text-container{position:absolute;bottom:9%;left:70%;transform:translate(-50%);text-align:center;width:70%;z-index:10;font-family:Handlee,cursive;font-weight:bolder}.cat1{font-size:1.2rem;font-weight:bolder;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.singing{position:fixed;width:50%;height:auto;top:59%;left:78%;rotate:15deg}.singing2{position:fixed;width:100%;height:auto;top:40%;left:63%;rotate:-27deg}.singing-text-container{position:absolute;bottom:35%;left:25%;transform:translate(-50%);text-align:center;width:75%;z-index:10;font-family:Handlee,cursive;font-weight:bolder}.sing{font-size:1.5rem;font-weight:bolder;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.sponty{position:absolute;bottom:68%;left:50%;transform:translate(-50%);text-align:justify;width:100%;z-index:10;font-family:Handlee,cursive;font-weight:bolder}.sponty-title{font-size:21px;text-align:justify;font-weight:bolder;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.sponty-pic{position:fixed;border-radius:10px;width:45%;height:auto;top:45%;left:26%}.sponty-pic2{position:fixed;border-radius:10px;width:47%;height:22%;top:45%;left:74%}.sponty-pic3{position:fixed;border-radius:10px;width:80%;height:auto;top:74%;left:50%}.like{position:fixed;width:10%;height:auto;top:9%;left:15%}.like-container{position:absolute;bottom:86%;left:50%;transform:translate(-50%);text-align:center;width:100%;z-index:10;font-family:Handlee,cursive;font-weight:bolder}.likes{font-size:28px;font-weight:bolder;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.cheese{position:fixed;width:35%;height:auto;top:25%;left:70%}.bed{position:fixed;width:45%;height:auto;top:79%;left:37%;rotate:-15deg}.matcha{position:fixed;width:55%;height:auto;top:88%;left:65%;rotate:20deg}.clairo{position:fixed;width:35%;height:auto;top:26%;left:25%}.qzip{position:fixed;width:50%;height:auto;top:52%;left:78%}.totebag{position:fixed;width:90%;height:auto;top:35%;left:22%;rotate:10deg}.flowers2{position:fixed;width:50%;height:auto;top:38%;left:38%;rotate:-40deg}.ephones{position:fixed;width:55%;height:auto;top:80%;left:30%}.feminism{position:fixed;width:40%;height:auto;top:60%;left:68%;rotate:10deg}.tear1{position:fixed;width:70%;height:auto;top:14%;left:73%;pointer-events:none}.tear2{position:fixed;width:50%;height:auto;top:87%;left:21%;pointer-events:none;border-radius:0 0 0 43%}.resources-container{position:absolute;top:10%;left:50%;transform:translate(-50%);width:85%;height:85%;z-index:10;font-family:Handlee,cursive;overflow:hidden}.resources-title{font-size:1.8rem;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:15px;border-bottom:2px solid #333;padding-bottom:10px}.resources-content{text-align:left;padding:0 10px}.resources-section{font-size:1rem;font-weight:700;color:#333;margin:12px 0 5px;line-height:1.4}.resources-item{font-size:.85rem;color:#444;margin:3px 0;line-height:1.3;padding-left:5px}.happiness{position:absolute;text-align:center;font-weight:bolder;top:3%;left:50%;transform:translate(-50%);width:85%;height:85%;z-index:10;font-family:Handlee,cursive;overflow:hidden}.happy{font-size:1.5rem;font-weight:700;color:#1a1a1a;text-align:center}.gf{position:fixed;font-weight:bolder;width:40%;height:auto;top:7%;left:30%}.flowers3{position:fixed;width:100%;height:auto;top:75%;left:100%;rotate:-30deg}.flowers3p2{position:fixed;width:100%;height:auto;top:75%;left:20%;rotate:-30deg}.spark4{position:fixed;width:30%;height:auto;top:25%;left:25%;pointer-events:none}.flowers4{position:fixed;width:40%;height:auto;top:83%;left:35%;rotate:-20deg}.tear3{position:fixed;width:90%;height:auto;top:50%;left:80%;pointer-events:none}.tear3p2{position:fixed;rotate:20deg;width:120%;height:auto;top:55%;left:2%;pointer-events:none}.tear1p2{position:fixed;width:160%;height:auto;top:14%;left:73%;pointer-events:none;border-radius:62% 0 0}.gwen1{position:fixed;width:139%;height:auto;top:55%;left:50%;pointer-events:none;filter:drop-shadow(2px 4px 6px rgba(20,164,247,.5))}@media screen and (max-width:400px){.resources-link{font-size:.9rem;padding:8px 15px}}.spark-p8{position:fixed;width:18%;height:auto;top:10%;left:18%;pointer-events:none}.star-p8{position:fixed;width:12%;height:auto;top:45%;left:82%;pointer-events:none}.spark-p9{position:fixed;width:15%;height:auto;top:15%;left:80%;pointer-events:none}.cherry-p9{position:fixed;width:18%;height:auto;top:75%;left:78%;rotate:15deg;pointer-events:none}.star-p6{position:fixed;width:15%;height:auto;top:20%;left:68%;pointer-events:none}.spark-p6{position:fixed;width:14%;height:auto;top:74%;left:37%;pointer-events:none}.heart-p7{position:fixed;width:12%;height:auto;top:87%;left:78%;pointer-events:none}.spark-p7{position:fixed;width:15%;height:auto;top:38%;left:85%;pointer-events:none}.cherry-deco{position:fixed;width:25%;height:auto;top:15%;left:75%;rotate:15deg;pointer-events:none}.crown-deco{position:fixed;width:20%;height:auto;top:8%;left:68%;rotate:-10deg;pointer-events:none}.heart1-deco{position:fixed;width:15%;height:auto;top:20%;left:85%;pointer-events:none}.lightning-deco{position:fixed;width:18%;height:auto;top:35%;left:78%;rotate:15deg;pointer-events:none}.spark1-deco{position:fixed;width:20%;height:auto;top:12%;left:18%;pointer-events:none}.spark2-deco{position:fixed;width:25%;height:auto;top:70%;left:85%;pointer-events:none}.spark3-deco{position:fixed;width:22%;height:auto;top:60%;left:20%;pointer-events:none}.spark5-deco{position:fixed;width:18%;height:auto;top:45%;left:90%;pointer-events:none}.curly-deco{position:fixed;width:30%;height:auto;top:85%;left:75%;rotate:-20deg;pointer-events:none}.curlyarrow-deco{position:fixed;width:25%;height:auto;top:30%;left:15%;rotate:10deg;pointer-events:none}.arrow-deco{position:fixed;width:20%;height:auto;top:75%;left:18%;rotate:-30deg;pointer-events:none}.arrow2-deco{position:fixed;width:22%;height:auto;top:65%;left:80%;rotate:25deg;pointer-events:none}.flowers1-deco{position:fixed;width:35%;height:auto;top:80%;left:60%;rotate:-15deg;pointer-events:none}.flowers5-deco{position:fixed;width:40%;height:auto;top:70%;left:25%;rotate:10deg;pointer-events:none}.tape-deco{position:fixed;width:15%;height:auto;top:5%;left:45%;rotate:45deg;pointer-events:none}.trophy-deco{position:fixed;width:18%;height:auto;top:15%;left:80%;rotate:-5deg;pointer-events:none}.music2-deco{position:fixed;width:20%;height:auto;top:55%;left:85%;rotate:10deg;pointer-events:none}.coj-deco{position:fixed;width:70%;height:auto;top:40%;left:5%;rotate:15deg;pointer-events:none}.photo-grid-11{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;position:absolute;width:80%;height:65%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.photo-grid-img-11{position:relative;width:100%;height:100%;object-fit:cover;border-radius:8px;cursor:pointer;display:block}.spotify-gallery-12{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:20px;width:85%;height:85%;z-index:200;overflow-y:auto;overflow-x:hidden;padding:10px;display:flex;flex-direction:column;gap:8px}.spotify-gallery-12::-webkit-scrollbar{width:5px}.spotify-gallery-12::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.music-container{position:absolute;top:5%;left:50%;transform:translate(-50%);width:90%;text-align:center;z-index:10}.musicc{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;color:#111;text-decoration:underline;margin-bottom:20px;text-transform:uppercase}.couple2{position:fixed;width:80%;height:auto;top:50%;left:50%;border-radius:25px}.social-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,100px);gap:50px;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:80%;z-index:500;align-items:center;justify-items:center}.social-gallery-item{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s ease;text-decoration:none}.social-gallery-item:hover{transform:scale(1.2)}.social-gallery-img{width:90px;height:90px;object-fit:contain;filter:drop-shadow(3px 3px 5px rgba(0,0,0,.25))}.connect-container{position:absolute;bottom:85%;left:50%;transform:translate(-50%);text-align:center;width:80%;z-index:10;font-family:Handlee,cursive}.connect{font-size:2rem;text-decoration:underline;font-weight:700;color:#1a1a1a;margin:0 0 20px;font-family:Handlee,cursive}.thankyou-container{position:absolute;bottom:50%;left:50%;transform:translate(-50%);text-align:center;width:80%;z-index:10;font-family:Handlee,cursive}.to-be-continued-container{font-size:2rem;font-weight:700;color:#000;margin:0;line-height:1.6;font-family:Handlee,cursive;text-align:center}.page[data-v-97ebc375]{padding:2rem}.page-title[data-v-97ebc375]{font-size:3rem;margin-bottom:1.5rem}.cards-row[data-v-97ebc375]{display:flex;gap:1rem}.fruit-card[data-v-97ebc375]{padding:1.5rem;border:2px dashed #000;width:220px}.banana-card[data-v-97ebc375]{background-color:#ffeb3b}.watermelon-card[data-v-97ebc375]{background-color:#8bc34a}.fruit-name[data-v-97ebc375]{font-size:1.8rem;margin-bottom:.5rem}.fruit-text[data-v-97ebc375]{font-size:1.1rem}