@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:28px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif;margin:0}.App{align-items:center;background-color:#1f2632;display:flex;justify-content:center;min-height:100vh;text-align:center}.container{background-color:#323a49;border-radius:.5rem;color:#fff;padding:0 .5rem;width:90%}.container h1{color:#52ffa8;font-size:.4rem;letter-spacing:.1rem;margin:1.25rem 0 .75rem;text-transform:uppercase}.container p{color:#cee3e9;font-size:.85rem;margin-bottom:.5rem;padding:0 .15rem}.container div{align-items:center;display:flex;justify-content:center;position:relative}.container button,.container button img{background-color:#52ffa8}.container button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.75rem;-webkit-transform:translateY(50%);transform:translateY(50%)}.container button:hover{box-shadow:0 0 30px 10px rgba(82,255,168,.383)}@media screen and (min-width:768px){.container{width:37%}.container h1{font-size:.5rem}.container p{font-size:1rem;margin-bottom:1rem;padding:0 1.25rem}.divider{content:url(/FEM-Advice_generator_app_REACT/static/media/pattern-divider-desktop.ed9685263f6b47d21c88.svg)}}
/*# sourceMappingURL=main.616492a9.css.map*/