@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);:root{--blue-200:#cee3e9;--green:#52ffa8;--blue-600:#4e5d73;--blue-900:#323a49;--blue-950:#1f2632}*{box-sizing:border-box;margin:0;padding:0}body{background:#1f2632;background:var(--blue-950);font-family:Manrope,sans-serif;width:100svw}.app-container{align-items:center;height:100svh;width:100svw}.advice-container,.app-container{display:flex;justify-content:center}.advice-container{background:#323a49;background:var(--blue-900);border-radius:.5rem;flex-direction:column;gap:1.5rem;height:auto;padding:2rem;width:90%}.container-heading{color:#52ffa8;color:var(--green);font-size:15px;font-weight:400;letter-spacing:.3rem;text-align:center;text-transform:uppercase}.advice{color:#fff;font-size:26px;font-weight:800;text-align:center;width:100%}.advice span{font-size:28px}.dice-btn{align-items:center;align-self:center;background:#52ffa8;background:var(--green);border-radius:100%;display:flex;height:60px;justify-content:center;margin-top:-3rem;position:relative;top:4rem;width:60px}.dice-btn:hover{box-shadow:0 0 2rem #52ffa8;box-shadow:0 0 2rem var(--green)}@media (min-width:768px){.advice-container{justify-self:center;width:40%}.advice{font-size:28px}}
/*# sourceMappingURL=main.4bfd091e.css.map*/