@font-face{font-family:Nunito;src:url(/assets/Nunito-VariableFont_wght-CfknUHFh.ttf)format("truetype");font-weight:200 300 400 500 600 700 800;font-style:normal;font-display:swap}@font-face{font-family:Playwrite;src:url(/assets/PlaywriteGBJ-VariableFont_wght-B7ltan_L.ttf)format("truetype");font-weight:200 300 400 500 600 700 800;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/poppins-regular-webfont-Dt1oZLEV.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/poppins-semibold-webfont-ChZJIKDv.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/RobotoMono-VariableFont_wght-BmjObt7I.ttf)format("woff2");font-weight:600;font-style:normal;font-display:swap}html,body,#root{border:none;width:100dvw;height:100dvh;margin:0;padding:0}#root{color:#fff;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:proximity;background:#000;font-family:Nunito,Poppins,Century Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden auto}html,body,#root,div,sect,h1,h2,h3,h4,h5,h6,p,pre,button,a,img{-webkit-user-select:none;user-select:none;line-height:1.2em}h1,h2,h3,h4,h5,h6,p{text-wrap-mode:wrap;text-wrap-style:balance}button{cursor:pointer}.welcome{color:#fff;text-align:center;scrollbar-width:none;-webkit-user-select:none;user-select:none;z-index:6;background:linear-gradient(#baf,#000);flex-direction:column;justify-content:center;align-items:center;width:100dvw;height:100dvh;margin:0;padding:0;font-family:Playwrite;font-size:10cqw;transition:all .5s;display:flex;position:absolute;inset:0;overflow:hidden}.welcome>h1{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#79c,#97c);-webkit-background-clip:text;background-clip:text;padding:10dvw;line-height:1em}.welcome>p{-webkit-backdrop-filter:blur(14px)saturate(140%);background-color:#000000b3;border:1px solid #ffffff26;border-radius:1.5rem;width:max-content;height:1em;font-size:5cqw;line-height:1em;position:absolute;bottom:5cqh}.navbar{-webkit-backdrop-filter:blur(14px)saturate(140%);scrollbar-width:none;z-index:5;background-color:#000000b3;border:1px solid #ffffff26;border-radius:1.5rem;grid-template-rows:1fr;grid-template-columns:1fr 11dvw 11dvw 11dvw 22.8dvw;gap:1rem;width:80dvw;height:10dvh;margin:0;padding:0;transition:all 1s;display:grid;position:absolute;top:5dvh;left:50%;overflow:auto;transform:translate(-50%)}.navbar>.navLogo{height:10dvh;width:minmax(auto, 20dvh);background:url(/assets/logo_folder-Bf7MQ1vb.png) 50%/contain no-repeat}.navBtn{color:#fff;background-color:#00000080;border:1px solid #ffffff26;border-radius:1.5rem;width:10dvw;height:7dvh;margin:auto;padding:0;font-family:Playwrite;font-size:1.5cqw}.navBtn:hover{border:1px solid #fff}#navBtnC{background-color:#0000;gap:1rem;width:max-content;display:flex}.hero{border:none;width:100dvw;height:auto;margin:0;padding:0;box-shadow:0 7rem 100rem #baf}.hero>img{object-fit:contain;width:100dvw;height:auto;min-height:50dvh}.overview{text-align:center;background:linear-gradient(#0000,#000);width:100dvw;height:auto;padding:0 0 20dvh}.overview>h1{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(#000 5%,#86b 60%,#fff);-webkit-background-clip:text;background-clip:text;margin-top:40dvh;font-size:20dvw;line-height:1.2em}.overview>h2{height:1.2em;font-size:7dvw}.overview>h3{font-size:3dvw}.overview>h3>b{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(#86b 60%,#000);-webkit-background-clip:text;background-clip:text;font-family:Playwrite}.overview>.creator{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(#00000080,#bbaaff80 30%);-webkit-background-clip:text;background-clip:text;font-size:10dvw;line-height:1.2em}.tCards{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr 1fr;place-items:center;gap:1rem;width:100dvw;height:max-content;margin:auto;display:grid}.tCard{background-color:#000000b3;border:1px solid #ffffff26;border-radius:2.5rem;width:calc(25dvw - 7.5rem);height:100%;padding:2rem;transition:all .1s;position:relative}.tCard>img{object-fit:contain;border:2px solid #ffffff26;border-radius:2.5rem;width:30dvh;height:30dvh}.tCard>.cardHead{border-bottom:1px solid #ffffff26;width:100%}.tCard:before{content:attr("emoji");z-index:10;visibility:visible;width:2rem;height:1rem;padding:.5rem;position:absolute;left:50%;transform:translate(-50%)}.tCard:hover :before{visibility:visible}.tCard:hover{transform:scale(1.07)}.tCard:hover+.tCard{transform:scale(1.01)}.tCard:has(+.tCard:hover){transform:scale(1.01)}.modal{background-color:#000000fa;border:1px solid #ffffff26;border-radius:2.5rem;width:85dvw;height:80dvh;margin-top:8dvh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal>h2{text-align:center;font-size:4dvw;line-height:1.2em}.modal>h2>.clsModal{color:#fff;float:right;background-color:#000000b3;border:1px solid #ffffff26;border-radius:2dvw;width:4dvw;height:4dvw;font-size:2dvw}.modal>h2>.clsModal:hover{border:1px solid #fff}@media (width>=calc(1920px + 5rem)){.tCard{font-size:1.8rem}}@media (width<=calc(200dvh - 62.4rem)){.tCards{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2rem}.tCard{width:50dvh}.tCard>img{width:40dvh}.navbar{border-radius:0;width:100dvw;top:0}}@media (width<=calc(200dvh - 39rem)){.tCards{grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr;gap:1rem}.tCard{width:80dvw}.tCard>img{width:80cqw}}.birthdaySection{justify-content:center;align-items:center;padding:8rem 1.5rem;display:flex}.birthdayCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:28px;width:min(900px,100%);padding:3.5rem;box-shadow:0 0 60px #ffffff0a}.birthdayTag{letter-spacing:.15em;text-transform:uppercase;background:#ffffff14;border-radius:999px;margin-bottom:1.6rem;padding:.45rem 1rem;font-size:.9rem;display:inline-block}.birthdayCard h1{margin-bottom:1.5rem;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.1}.birthdayCard p{opacity:.85;max-width:650px;margin:auto;font-size:1.15rem;line-height:1.8}.birthdayStats{flex-wrap:wrap;justify-content:center;gap:4rem;margin:4rem 0;display:flex}.birthdayStats h2{margin:0;font-size:3rem}.birthdayStats span{opacity:.7;letter-spacing:.08em}.birthdayCard blockquote{opacity:.9;margin-top:2rem;font-size:1.35rem;font-style:italic}@media (width<=700px){.birthdayCard{padding:2rem}.birthdayStats{gap:2rem}.birthdayStats h2{font-size:2.2rem}}.left{float:left}.right{float:right}.pop{font-family:Poppins}.pw{font-family:Playwrite}.spaceup{margin-top:20rem}.pwc{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(#75a 60%,#000);-webkit-background-clip:text;background-clip:text;font-family:Poppins;font-weight:600}
