@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap";@import"https://fonts.googleapis.com/css2?family=Kurale&display=swap";:root{--main-bg-color-dark: #212529;--main-text-color-dark: #e8e8e8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Kurale,serif;font-weight:400;font-style:normal;background-color:var(--main-bg-color-dark);color:var(--main-text-color-dark);background-color:#000;user-select:none;-webkit-user-select:none;-ms-user-select:none}.giphy-embed{margin-top:3em}.countdown{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center}.countdown h1{color:#f0f0f0;font-size:45px;font-family:Kurale,serif}.countdown-timer{display:flex;justify-content:center;gap:20px;margin-top:20px}.time-box{text-align:center;background:#f0f0f0;padding:15px;border-radius:5px;box-shadow:0 2px 4px #0000001a}.time{font-size:2rem;font-weight:700}.label{font-size:1rem;color:#666}.time{padding:5px}.birthday-container{text-align:center;color:#000}.popup{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center}.background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/room-Byw56Kq3.jpg);background-size:cover;background-position:center;opacity:0!important;transition:opacity 2s ease-in-out;z-index:-1}.popup-content p,.birthday-container>h1,.fun-text,.lightOn-text{color:#f0f0f0;font-size:45px;font-family:Kurale,serif}.fun-text{padding-top:9em}.popup-button{margin-top:40px;font-size:27px;cursor:pointer;padding:10px 100px;font-family:Kurale,serif}.popup-button-bottom{font-size:25px;cursor:pointer;padding:10px 100px;font-family:Kurale,serif;margin-top:20em;position:absolute}.container-center{display:flex;justify-content:center;align-items:center;flex-direction:column}.btn-switch,.box-image{z-index:11;display:inline-block;height:15rem;width:15rem;background-position:50%;background-repeat:no-repeat;background-size:contain;animation:heart-beat 2s linear infinite alternate;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.btn-switch.disabled{opacity:.5;cursor:not-allowed;animation:none}@keyframes heart-beat{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.25)}to{transform:translate(-50%,-50%) scale(1)}}.fun-text.read{animation:read 4s linear 0s}.btn-switch.clickable{opacity:1;cursor:pointer;animation:heart-beat 2s linear infinite alternate}.lightOn-text{margin-top:1rem;color:#fff;font-size:2.3rem;justify-content:center;display:flex;align-items:end;height:50vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes read{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.celebration{height:100vh}.box-container{display:flex;justify-content:center;align-items:center;height:100vh;background:transparent}.title{font-family:Kurale,serif;font-weight:800;font-size:3em;text-transform:uppercase;text-align:center;animation:jump-animation 2s ease-in-out infinite}@keyframes jump-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.title-word{animation:color-animation 4s linear infinite}.title-word-1{--color-1: #FF5733;--color-2: #FFC300;--color-3: #DAF7A6}.title-word-2{--color-1: #C70039;--color-2: #FF5733;--color-3: #FFC300}.title-word-3{--color-1: #900C3F;--color-2: #FF5733;--color-3: #FFC300}.title-word-4{--color-1: #FFC300;--color-2: #C70039;--color-3: #DAF7A6}@keyframes color-animation{0%{color:var(--color-1)}32%{color:var(--color-1)}33%{color:var(--color-2)}65%{color:var(--color-2)}66%{color:var(--color-3)}99%{color:var(--color-3)}to{color:var(--color-1)}}.balloon{position:absolute;bottom:-500px;width:300px;animation:float 5s infinite ease-in-out}.balloon:nth-child(odd){animation-duration:6s}.balloon:nth-child(2n){animation-duration:7s}@keyframes float{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-50vh) translate(20px) rotate(15deg)}to{transform:translateY(-100vh) translate(-20px) rotate(-15deg)}}.birthdayCard{position:relative;width:250px;height:350px;cursor:pointer;transform-style:preserve-3d;transform:perspective(2500px);transition:1.5s}.birthdayCard:hover{transform:perspective(2500px) rotate(5deg);box-shadow:inset 100px 20px 100px #0003,0 10px 100px #00000080}.birthdayCard:hover .cardFront{transform:rotateY(-160deg)}.birthdayCard:hover .happy{visibility:hidden}.cardFront{position:relative;background-color:#fff;width:250px;height:350px;overflow:hidden;transform-origin:left;box-shadow:inset 100px 20px 100px #0003,30px 0 50px #0006;transition:.6s}.happy{font-family:Tahoma,sans-serif;text-align:center;margin:30px;background-image:linear-gradient(120deg,#f6d365,#fda085);transition:.1s;backface-visibility:visible}.balloons{position:absolute}.balloonOne,.balloonTwo,.balloonThree,.balloonFour{position:absolute;width:85px;height:95px;border-radius:50%}.balloonOne{background-color:#ef476fb3;left:-10px;top:50px}.balloonTwo{background-color:#06d6a0b3;left:50px;top:20px}.balloonThree{background-color:#ffd166b3;left:110px;top:50px}.balloonFour{background-color:#118ab2b3;left:170px;top:20px}.balloonOne:before,.balloonTwo:before,.balloonThree:before,.balloonFour:before{content:"";position:absolute;width:1px;height:155px;background-color:#ffd166;top:95px;left:43px}.balloonOne:after,.balloonTwo:after,.balloonThree:after,.balloonFour:after{content:"";position:absolute;border-right:7px solid transparent;border-left:7px solid transparent;top:94px;left:37px}.balloonOne:after{border-bottom:10px solid #ef476f}.balloonTwo:after{border-bottom:10px solid #06d6a0}.balloonThree:after{border-bottom:10px solid #ffd166}.balloonFour:after{border-bottom:10px solid #118ab2}.cardInside{position:absolute;background-color:#fff;width:250px;height:350px;z-index:-1;left:0;top:0;box-shadow:inset 100px 20px 100px #0003}p{font-family:Brush Script MT,cursive;margin:40px;color:#333}.name{position:absolute;left:150px;top:200px;color:#333}.back{font-family:Tahoma,sans-serif;color:#333;text-align:center;margin:30px;outline-color:#333;outline-style:dotted}.fireworks-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:transparent;pointer-events:none}