@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f0f0;font-family:Open Sans,sans-serif;margin:0}.containerWithPerspective{perspective:1000px}.cardWithPreserve3d{border:0;height:100%;position:relative;transform-style:preserve-3d;width:100%}.card-content,.card-content-back{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;justify-content:center;position:absolute;transform:rotateY(0deg);width:100%}.card-content-back{transform:rotateY(180deg)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100vw)}to{opacity:1;transform:translateX(0)}}.flip-animation{animation:flipCard .5s ease-out forwards;animation-fill-mode:forwards;transform-style:preserve-3d}@keyframes flipCard{0%{opacity:1;transform:rotateY(0deg)}45%{opacity:1}55%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0deg)}}
/*# sourceMappingURL=main.c4003bbc.css.map*/