@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ms+Madi&family=Pacifico&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Send+Flowers&display=swap);*{box-sizing:border-box;margin:0;padding:0}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@scroll-timeline --scrollTimeline{source:view();scroll-offsets:entry 0 cover 30%}.mainPass{align-items:center;background-color:#fff0ff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.mainPass input{background:#fff;border:none;border-radius:20px;font-size:12px;margin:2px;outline:none;padding:12px}.mainPass button{border:none;border-radius:30px;font-family:Inter,serif;margin:10px 0;outline:none;padding:11px 15px;z-index:3}.mainPass h2{font-family:Send Flowers,serif;font-size:28px;z-index:3}.mainPass .set{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.mainPass .set div{display:block;position:absolute}.mainPass .set div:first-child{animation:animate 15s linear infinite;animation-delay:.3s;left:20%}.mainPass .set div:nth-child(2){animation:animate 20s linear infinite;animation-delay:-5s;left:50%}.mainPass .set div:nth-child(3){animation:animate 20s linear infinite;animation-delay:0s;left:70%}.mainPass .set div:nth-child(4){animation:animate 15s linear infinite;animation-delay:-5s;left:0}.mainPass .set div:nth-child(5){animation:animate 18s linear infinite;animation-delay:-10s;left:85%}.mainPass .set div:nth-child(6){animation:animate 12s linear infinite;left:0}.mainPass .set div:nth-child(7){animation:animate 14s linear infinite;left:15%}.mainPass .set div:nth-child(8){animation:animate 15s linear infinite;left:60%}@keyframes animate{0%{opacity:0;top:-10%;transform:translateX(20px) rotate(0deg)}10%{opacity:1}20%{transform:translateX(-20px) rotate(45deg)}40%{transform:translateX(-20px) rotate(90deg)}60%{transform:translateX(20px) rotate(180deg)}80%{transform:translateX(-20px) rotate(180deg)}to{top:110%;transform:translateX(-20px) rotate(225deg)}}.set2{filter:blur(2px);transform:scale(2) rotateY(180deg)}.set3{filter:blur(4px);transform:scale(.8) rotateX(180deg);z-index:1}.banner-root{background:url(https://w0.peakpx.com/wallpaper/380/636/HD-wallpaper-your-name-anime-mitsuha-taki-your-name.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(2px) brightness(30%);height:80vh;object-fit:cover;width:100%}.banner h1{color:#fff;filter:brightness(60%);font-family:Montserrat Alternates,serif;font-size:26px;font-style:italic;font-weight:200;left:3%;letter-spacing:-.51px;padding:10px;position:absolute;top:65%}.short-mesage-root{animation-timeline:view();animation-range:entry 0 cover 30%;align-items:center;animation:appear linear;background:#fff0ff;display:flex;justify-content:center;padding:60px 20px}.short-mesage-root img{background:#e1e1e1;padding:5px 5px 14px;transform:rotate(6deg);width:89px}.short-mesage-root div{text-align:center}.short-mesage-root p{color:#000000bd;font-family:Pacifico,serif;font-size:17px;letter-spacing:1px;line-height:25px;margin-top:10px;padding:3%;position:relative;text-align:start;z-index:3}.short-mesage-root h2{color:#000000bd;font-family:Ms Madi,serif;font-size:35px}.short-mesage-root button{background:#67676700;border:1px dashed #000;border-radius:8px;color:#000;font-family:cursive;font-size:15px;padding:13px 18px}.short-mesage-root .quote{font-family:monospace;font-size:9px;text-align:center}.snowFall{height:100%}.snowFlakes{--small:3px;--medium:7px;animation:snow 6s linear infinite,wind 10s ease-in-out infinite;background-color:#fff;border-radius:50%;height:var(--small);left:10%;position:absolute;top:-3%;width:var(--small);z-index:111}.snowFlakes:nth-child(2n+3){height:var(--medium);width:var(--medium)}.snowFlakes:nth-child(2){animation-delay:1.5s;left:30%}.snowFlakes:first-child{animation-delay:1s;left:25%}.snowFlakes:nth-child(4){animation-delay:2.5s;left:40%}.snowFlakes:nth-child(3){animation-delay:2s;left:35%}.snowFlakes:nth-child(6){animation-delay:2.5s;left:27%}.snowFlakes:nth-child(7){animation-delay:3.3s;left:47%}.snowFlakes:nth-child(5){animation-delay:3s;left:45%}.snowFlakes:nth-child(9){animation-delay:4s;left:60%}.snowFlakes:nth-child(8){animation-delay:2.8s;left:33%}.snowFlakes:nth-child(10){animation-delay:5.5s;left:70%}.snowFlakes:nth-child(12){animation-delay:3.4s;left:57%}.snowFlakes:nth-child(11){animation-delay:1.8s;left:49%}.snowFlakes:nth-child(14){animation-delay:3.8s;left:26%}.snowFlakes:nth-child(13){animation-delay:5.2s;left:44%}.snowFlakes:nth-child(16){animation-delay:3.2s;left:54%}.snowFlakes:nth-child(17){animation-delay:2.8s;left:36%}.snowFlakes:nth-child(15){animation-delay:4.1s;left:69%}.snowFlakes:nth-child(19){animation-delay:1.3s;left:56%}.snowFlakes:nth-child(18){animation-delay:2.3s;left:28%}.snowFlakes:nth-child(20){animation-delay:4.5s;left:65%}.time-line{margin:40px auto 100px;position:relative;width:100%}.timeline-root h3{border-top:1px dashed;font-family:Ms Madi;margin-bottom:55px;margin-top:80px;padding:55px 0 10px;text-align:center}.time-line:after{animation:LineAnimated 5s linear forwards;background:linear-gradient(#ff00e1,#df0);border-radius:50px;content:"";height:100%;position:absolute;right:50%;top:0;width:5px;z-index:-1}@keyframes LineAnimated{0%{height:0}to{height:100%}}.container{animation:Animate-container 1s linear forwards;animation-delay:var(--dly);opacity:0;padding:10px 20px;position:relative;width:50%}@keyframes Animate-container{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.container:nth-child(2n){right:-50%}.container:nth-child(2n):before{left:-13px}.container:nth-child(2n):before,.container:nth-child(odd):before{background:linear-gradient(#ff00e1,#df0);border-radius:50%;content:"";height:20px;position:absolute;top:0;width:20px;z-index:2}.container:nth-child(odd):before{right:-7px}.text-content{border-radius:8px;box-shadow:0 5px 10px #dfdfdf;padding:20px 30px}.text-content h2{font-family:Ms Madi;font-size:5vw}.text-content p{font-family:Montserrat Alternates;font-size:3vw;margin-top:10px}@keyframes snow{to{top:100%}}@keyframes wind{50%{transform:translateX(120px)}}.grid-root h2{border-top:1px dashed;font-family:monospace;margin-top:130px;padding:55px 10px 10px;text-align:center}.grid{grid-gap:8px;align-content:center;display:grid;grid-template-columns:repeat(3,100px);height:50vh;justify-content:center;margin-bottom:100px}.grid img{border:1px dashed #616161;border-radius:8px;height:100px;object-fit:cover;padding:2px;width:100px}.large-image-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.large-image-container{background:#fff;border-radius:20px;height:299px;padding:8px;position:relative;width:85%}.large-image-container img{border-radius:12px;height:100%;object-fit:cover;width:100%}.cake-video{margin-top:50px;padding:50px 30px}.cake-video,.grid-root,.timeline-root{animation-timeline:view();animation-range:entry 0 cover 30%;animation:appear linear}.cake-video h3{font-family:Montserrat Alternates,serif}.cake-video p{font-family:monospace}.video-content{align-items:center;background:#fff0ff;border:1px dashed #000;border-radius:35px;display:flex;flex-direction:column;justify-content:center;padding:50px 10px;text-align:center}.cake-video video{border-radius:50px;padding:25px;width:100%}.secretCode-root{align-items:center;display:flex;justify-content:center}.secret-area{width:100%}.secret-area h2{font-family:Ms Madi,serif;font-weight:400;margin-bottom:-55px;text-align:center}.password-root{animation-timeline:view();animation-range:entry 0 cover 20%;align-items:center;animation:appear linear;background:#fff0ff;display:flex;justify-content:center;padding:100px 0}.password-div h2{color:#000000bd;font-family:cursive;font-size:24px;font-weight:100;margin:13px 0}.password-div p{color:#0000007a;font-size:10px;padding-top:20px;text-align:center}.password-div input{border:none;border-radius:25px;font-size:13px;height:25px;outline:none;padding:18px}.password-div button{background:#000;border-radius:30px;color:#fff;margin:0 10px;padding:10px}.card-root{align-items:center;background:#fff0ff;border-color:#fff0ff;border-bottom:2px dashed #c7c7c7;border-style:dashed solid;border-top:2px dashed #c7c7c7;display:flex;justify-content:center;min-height:80vh;overflow:hidden}.card{box-shadow:10px 0 20px #0006,inset 300px 0 50px #0006;cursor:pointer;height:400px;position:relative;transform:perspective(2000px) rotate(0);width:300px}.card,.cover{background-color:#fff;border-bottom-right-radius:10px;border-top-right-radius:10px;transform-style:preserve-3d;transition:all 1s ease}.cover{transform-origin:left}.cover,.cover img{height:100%;left:0;position:absolute;top:0;width:100%}.cover img{-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:brightness(.5);object-fit:cover}.cover img:first-child{border-bottom-right-radius:10px;border-top-right-radius:10px}.cover img:nth-child(2){border-bottom-left-radius:10px;border-top-left-radius:10px;transform:rotateY(180deg)}.card:hover{box-shadow:10px 0 20px #0006,inset 20px 0 50px #0006;transform:perspective(2000px) rotate(-10deg)}.card:hover .cover{transform:rotateY(-135deg)}.content{align-items:center;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:center;padding:1rem;width:100%}.content h2{font-family:Send Flowers;margin-bottom:1rem}.content p{color:#000;font-family:Pacifico;font-weight:100}footer{align-items:center;display:flex;height:5vh;justify-content:center}footer p{color:#474747c9;font-size:10px}@media only screen and (min-width:768px){.mainPass h2{font-size:4rem}.mainPass input{margin:1rem;padding:2rem;width:15rem}.mainPass button{background-color:#161616;border-radius:27%;color:#fff;font-family:cursive;font-weight:600;padding:2rem 1.4rem}.banner-root{background-color:#add8e6;height:100vh}.banner h1{font-size:3rem;font-weight:500;left:10%}.short-mesage-root p{font-size:2rem;line-height:3rem;max-width:45rem}.short-mesage-root h2{font-size:3rem;padding-top:5rem}.short-mesage-root img{margin:1rem;width:10rem}.short-mesage-root .quote{font-size:.7rem}.cake-video{display:flex;justify-content:center}.video-content{border-radius:0;width:60rem}.cake-video h3{font-size:2rem;font-weight:300;padding:2rem}.cake-video video{border-radius:36px}.cake-video p{font-size:1rem;max-width:40rem;padding:5rem 0 2rem}.timeline-root h3{font-size:2.5rem;padding:7rem 0 3rem}.time-line{max-width:60rem}.text-content{padding:3rem}.text-content p{font-size:1.5rem;line-height:2.5rem}.text-content h2{font-size:3rem;padding-top:1rem;text-align:center}.grid-root h2{font-size:2rem}.grid{grid-gap:19px;display:grid;grid-template-columns:repeat(auto-fill,14rem);overflow:hidden}.grid img{height:11rem;width:15rem}.grid-root h2{margin:8rem}.password-div h2{font-size:2.5rem}.password-div input{padding:2rem}.password-div button{border:none;margin:2rem;padding:1.5rem}}
/*# sourceMappingURL=main.ace2c51e.css.map*/