@import url(https://fonts.googleapis.com/css2?family=Sedan:ital@0;1&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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;height:400px;margin:50px auto;perspective:1000px;position:relative;transition:transform .6s ease;width:600px}.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:Sedan,serif;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;top:0;transform:scale(1);z-index:-2}.App{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.c544bdfe.css.map*/