body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fff0f5;color:#4a4a4a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.App,body{overflow:hidden}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative;text-align:center}.background-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.otter{animation:floatOtter 15s ease-in-out infinite;font-size:2.5rem;opacity:.6;position:absolute;-webkit-user-select:none;user-select:none}@keyframes floatOtter{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(10vw,15vh) rotate(10deg)}50%{transform:translate(-5vw,30vh) rotate(-10deg)}75%{transform:translate(15vw,45vh) rotate(5deg)}to{transform:translateY(60vh) rotate(0deg)}}.otter:first-child{animation-duration:20s;left:10%;top:-10%}.otter:nth-child(2){animation-delay:-5s;animation-duration:25s;left:30%;top:-15%}.otter:nth-child(3){animation-delay:-12s;animation-duration:22s;left:55%;top:-10%}.otter:nth-child(4){animation-delay:-3s;animation-duration:28s;left:80%;top:-20%}.otter:nth-child(5){animation-delay:-8s;animation-duration:24s;left:15%;top:20%}.otter:nth-child(6){animation-delay:-15s;animation-duration:26s;left:70%;top:30%}.container{background:#fff;border-radius:30px;box-shadow:0 10px 25px #0000001a;box-sizing:border-box;margin:10px;max-width:500px;padding:2rem 1.5rem;width:95%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.whimsical-title{color:#ff69b4;font-family:Comic Sans MS,Chalkboard SE,cursive;margin-bottom:1.5rem;text-shadow:2px 2px #ffe4e1}.opening-statement{color:#555;font-size:1rem;line-height:1.5;margin-bottom:2rem;padding:0 .5rem;text-align:left}.opening-statement p{margin-bottom:1rem}.passcode-input{border:3px solid #ffb6c1;border-radius:50px;font-size:1.2rem;outline:none;padding:12px 20px;text-align:center;transition:border-color .3s;width:80%}.passcode-input:focus{border-color:#ff69b4}.gifts-container{display:flex;justify-content:space-around;margin-top:3rem;padding-bottom:2rem}.gift-box-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.gift-box-wrapper:hover{transform:scale(1.1) rotate(5deg)}.gift-box-wrapper:hover .gift-lid{transform:translateY(-10px) rotate(-5deg)}.gift-box-visual{background-color:#ffb6c1;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:80px;margin-bottom:1rem;position:relative;width:80px}.gift-neon-pink{background-color:#f0f}.gift-yellow{background-color:#ff0}.ribbon-black .gift-ribbon,.ribbon-black .gift-ribbon:after,.ribbon-black .gift-ribbon:before{background-color:#000;border-color:#000}.gift-lid{background-color:inherit;border-radius:4px;filter:brightness(1.1);height:20px;left:-5px;position:absolute;top:-10px;transition:transform .3s;width:90px;z-index:2}.gift-ribbon{background-color:#fff;height:100%;top:0;width:15px;z-index:1}.gift-ribbon,.gift-ribbon:before{left:50%;position:absolute;transform:translateX(-50%)}.gift-ribbon:after,.gift-ribbon:before{border:4px solid #fff;border-radius:50% 50% 0 0;box-sizing:border-box;content:"";height:20px;top:-20px;width:30px}.gift-ribbon:after{left:50%;position:absolute;transform:translateX(-100%)}.content-placeholder{line-height:1.6;margin-top:1.5rem}.gift-content{text-align:left}.gift-content h3{color:#ff69b4;margin-top:0}.gift-image{border-radius:15px;box-shadow:0 4px 10px #0000001a;display:block;margin:1rem auto;max-width:400px;width:100%}.gift-content p{font-size:.95rem;margin-bottom:1.5rem;white-space:pre-line}.back-button{background-color:#ffb6c1;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:700;margin-top:2rem;padding:10px 25px;transition:background-color .3s}.back-button:hover{background-color:#ff69b4}.opening-gift-container{align-items:center;display:flex;height:200px;justify-content:center}.opening-animation{animation:giftShake .5s ease-in-out infinite alternate;transform:scale(1.5)}.opening-animation .gift-lid{animation:lidFlyOff 1s ease-in forwards;animation-delay:1.5s}@keyframes giftShake{0%{transform:scale(1.5) rotate(-3deg)}to{transform:scale(1.5) rotate(3deg)}}@keyframes lidFlyOff{0%{opacity:1;transform:translateY(0) rotate(0)}30%{opacity:1;transform:translateY(-30px) rotate(-10deg)}to{opacity:0;transform:translateY(-150px) rotate(-45deg)}}.view{animation:whimsicalSlideIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes whimsicalSlideIn{0%{opacity:0;transform:translateX(50px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}
/*# sourceMappingURL=main.23a64b1e.css.map*/