@import url(https://fonts.googleapis.com/css2?family=Delius&display=swap);body{background-color:#fcd2de;display:flex}#container{height:calc(100vh + 100px);left:0;overflow:hidden;position:relative;top:-100px}#animate{margin:0 auto;overflow:visible;position:relative;width:20px}#all{height:100vh;overflow:hidden;position:fixed;width:100%}.noto-color-emoji-regular{font-family:Noto Color Emoji,serif;font-style:normal;font-weight:400}.delius-regular{font-family:Delius,serif;font-style:normal;font-weight:400}.envelope{background:url(https://static.vecteezy.com/system/resources/previews/010/029/965/non_2x/love-letter-pattern-texture-with-text-effect-on-a-white-background-valentine-s-day-special-seamless-pattern-design-with-love-shapes-love-endless-pattern-decoration-for-bed-sheets-and-wallpapers-vector.jpg);border-radius:8px;box-shadow:0 4px 10px #0000004d;cursor:pointer;margin:50px auto;perspective:1000px;position:relative;transition:transform .6s ease;width:100vw}.flap{border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 2px 5px #0003;transform-origin:bottom;transition:transform .8s ease}.body,.flap{background:url(https://static.vecteezy.com/system/resources/previews/010/029/965/non_2x/love-letter-pattern-texture-with-text-effect-on-a-white-background-valentine-s-day-special-seamless-pattern-design-with-love-shapes-love-endless-pattern-decoration-for-bed-sheets-and-wallpapers-vector.jpg);height:50%;position:absolute;width:100%}.body{border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:inset 0 2px 5px #0000001a;top:50%;z-index:-1}.letter{background-color:#fafafa;box-sizing:border-box;font-family:Delius,cursive;font-size:20px;font-style:normal;font-weight:400;height:50%;left:0;opacity:0;overflow:hidden;padding:20px;position:absolute;text-align:justify;top:50%;transform-origin:bottom;transition:all .8s cubic-bezier(.165,.84,.44,1);width:100%;z-index:-2}.open .flap{box-shadow:0 10px 20px #00000080;transform:rotateX(-180deg)}.letter.fullSize{height:100%;opacity:1;text-align:center;top:0;transform:scale(1);z-index:-2}.App{display:flex;height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c3beb2ea.css.map*/