@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://i.ibb.co/wSD4hpx/istockphoto-1299046140-1024x1024-1.jpg);border-radius:8px;box-shadow:0 4px 10px #0000004d;cursor:pointer;height:800px;margin:50px auto;perspective:1000px;position:relative;transition:transform .6s ease;width:800px}.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://i.ibb.co/wSD4hpx/istockphoto-1299046140-1024x1024-1.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}.happy-birthday{color:red;font-family:Sedan,serif;font-size:36px;left:50%;opacity:0;position:absolute;text-align:center;top:-3%;transform:translate(-50%,-50%);transition:opacity .6s ease;white-space:nowrap;z-index:1000}.envelope:not(.open) .happy-birthday{opacity:1}@keyframes fly{0%{transform:translate(-100vw,100vh) rotate(0deg)}50%{transform:translate(50vw,-50vh) rotate(180deg)}to{transform:translate(100vw,100vh) rotate(1turn)}}.flying-photo{animation:fly 10s ease-in-out infinite;border-radius:50%;height:100px;opacity:.7;pointer-events:none;position:absolute;width:100px;z-index:999}.flying-photo-0{animation-delay:0s;animation-duration:8s}.flying-photo-1{animation-delay:2s;animation-duration:12s}.flying-photo-2{animation-delay:4s;animation-duration:14s}@media screen and (max-width:768px){.envelope{height:100vh;margin:0;width:100vw}.letter{font-size:18px;padding:15px}.happy-birthday{font-size:28px}.flying-photo{height:60px;width:60px}}.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.5edb52f3.css.map*/