@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&display=swap');


html{
  font-size: 15px; 
  font-family: outfit, sans-serif; 
  background-color: hsl(212, 45%, 89%);
}
.container{
    margin-top:250px ;
    display: flex;
    justify-content: center;
    
}

.box{
    display: flex;
    justify-content: center;
    border-radius: 2rem;
    align-items: center;
    width: 300px;
    height: auto;
    padding: 0.5 rem ;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    
}

img{
    border-radius: 1.5rem;
    width: 300px;
    
}

.card{

    background-color: white;
    padding :1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
    
}

.text{
    margin: .5rem;
    padding-bottom: 2rem;
}


p{
    font-size: 1.3rem ;
    font-weight: 700;
    text-align: center;
   
}
p span{
    color: gray;
    padding:0;
    font-size: .9rem;
    font-weight: 400;
    text-align: center;
    
   
}