@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}html{font-size:14px}body{font-family:Inter,sans-serif;margin:0}h1,h2,h3,p{margin-top:0;margin-bottom:0}img{display:block}.App{display:flex;justify-content:center;height:100vh;align-items:center}.card{background-color:#fff;max-width:550px;height:300px;border:1px solid rgb(0,0,0,.3);border-radius:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:5px 5px 20px #0000004d;gap:1rem;padding:1em}.card-container{display:flex;align-items:center;gap:.5em}.card-container__info{font-size:1.5rem}.card-container__icon{font-size:4rem}.card__icon{width:1em;height:1em;align-self:flex-end;display:flex;justify-content:center;align-items:center;font-size:3.5rem;border-radius:50%}.card__icon:hover{box-shadow:5px 5px 20px #0000004d;transform:translateY(-3%);transition:all .4s ease;cursor:pointer}.card__info{align-self:flex-end;font-size:1.5rem}