*,:after,:before{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff8f0;color:#5c3d2e;font-family:Roboto,sans-serif;margin:0;padding:0}.App{text-align:center}.password-container{align-items:center;background:linear-gradient(135deg,#ffd1dc,#ffb6c1);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.password-container h1{color:#fff;font-family:Playfair Display,serif;font-size:2.5rem;text-align:center;text-shadow:2px 2px 4px #0003}.password-container form{align-items:center;display:flex;flex-direction:column;max-width:400px;width:100%}.password-container input{background:#fffc;border:2px solid #fff;border-radius:30px;font-size:1.2rem;margin-bottom:15px;outline:none;padding:15px;width:100%}.password-container button{background-color:#ff69b4;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px 30px;transition:background-color .3s ease;width:100%}.password-container button:hover{background-color:#ff1493}.password-container .error{color:#8b0000;font-weight:700;margin-top:15px;text-align:center}.animation-container{align-items:center;background-color:#fff8f0;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;text-align:center}.heart{animation:heartbeat 1.5s ease-in-out forwards;position:relative;transform:rotate(-45deg)}.heart,.heart:after,.heart:before{background-color:#ff69b4;height:100px;width:100px}.heart:after,.heart:before{border-radius:50%;content:"";position:absolute}.heart:before{left:0;top:-50px}.heart:after{left:50px;top:0}@keyframes heartbeat{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(-45deg)}to{transform:scale(1) rotate(-45deg)}}.birthday-message{animation:fadeInMessage 2s ease-out 1.5s forwards;color:#ff69b4;font-family:Playfair Display,serif;font-size:4rem;opacity:0}@keyframes fadeInMessage{to{opacity:1}}.gallery-container{padding:40px 20px}.timeline{margin:0 auto;max-width:1000px;position:relative}.timeline-header{background-color:#fff8f0;color:#5c3d2e;font-family:Playfair Display,serif;font-size:2.5rem;margin:50px 0;position:relative;text-align:center;z-index:2}.timeline:after{background-color:#ffb6c1;bottom:0;content:"";left:31px;margin-left:-3px;position:absolute;top:0;width:6px}.timeline-item{background-color:inherit;padding:10px 0 10px 70px;position:relative}.timeline-item:after{background-color:#fff;border:4px solid #ffb6c1;border-radius:50%;content:"";height:25px;left:31px;position:absolute;top:15px;transform:translateX(-50%);width:25px;z-index:1}.timeline-content{background-color:#fff;border-radius:6px;box-shadow:0 10px 20px #0000000d;padding:20px 30px;position:relative}.timeline-content img{border-radius:6px;margin-bottom:10px;width:100%}.timeline-content p{font-size:1rem;line-height:1.6}.timeline-text .timeline-content{font-style:italic;padding:20px 30px;text-align:center}@media screen and (min-width:768px){.password-container form{flex-direction:row}.password-container input{margin-bottom:0;margin-right:15px}.timeline:after{left:50%}.timeline-item{padding:10px 40px;width:50%}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-item:after{left:auto;transform:translateX(0)}.timeline-item.left:after{right:0;transform:translateX(50%)}.timeline-item.right:after{left:0;transform:translateX(-50%)}.timeline-text.left .timeline-content{margin-left:auto;margin-right:0}.timeline-text.right .timeline-content{margin-left:0;margin-right:auto}}
/*# sourceMappingURL=main.859f63bf.css.map*/