body,html{background:#e0f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;margin:0;padding:0}.App{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:5vh 5vw}h1{font-size:1.8rem;margin:0 0 30px;text-align:center}.envelope-container{flex:1 1}.envelope,.envelope-container{align-items:center;display:flex;flex-direction:column}.envelope{aspect-ratio:1/1;background:#b2ebf2;border:3px solid #00796b;border-radius:12px;box-sizing:border-box;cursor:pointer;font-size:1.2rem;justify-content:center;max-width:320px;padding:20px;text-align:center;transition:transform .3s;width:80vw}.envelope.closed:hover,.envelope.opened:hover{transform:scale(1.05)}.envelope.opened{background:#e0f2f1;border-style:dashed}.envelope span{color:#004d40;display:block;font-size:1rem;margin-top:10px}.letter-content{animation:fadeIn .6s ease-out forwards;background:#fff;border:2px solid #00796b;border-radius:10px;box-sizing:border-box;font-size:1rem;line-height:1.6;margin-top:30px;max-height:60vh;max-width:400px;overflow-y:auto;padding:20px;text-align:left;width:90vw}.letter-content h2{color:#00796b;margin-bottom:15px;margin-top:0}.letter-text1{text-align:right}.letter-text p{margin:0;white-space:pre-line}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.e7bb7c2b.css.map*/