.card{
    margin: 10em 50em;
    background-color: hsl(0, 0%, 100%);
        border-radius: 1rem;
        padding: 1.5rem;
        align-items: center;
        text-align: center;
        width: auto;
}
.qr-code{
    width: 100%;
    border-radius: 1.5rem;
}
.card-text{
        margin: 1.5rem;
        font-family: 'Outfit', sans-serif;
        font-size: 1.25rem;
        font-weight: 400;
        color: hsl(216, 15%, 48%);
    }
    .card-text .card-title{
        font-size: 1.75rem;
        font-weight: 700;
        color: hsl(218, 44%, 22%);
    }

    body{
        background-color:hsl(212, 45%, 89%);
    }
@media (min-width: 320px){
  
    .card{
        margin: 5em 1em;
           
    }
    
    .card-title{
        font-size: 0.1rem;
    }
    
}
@media (min-width: 768px){
  
    .card{
        margin: 10em 12em;
           
    }
    
}
@media (min-width: 1024px){
  
    .card{
        margin: 10em 17em;
           
    }
    
}

@media (min-width: 1440px){
  
    .card{
        margin: 10em 45em;
           
    }
    
}

@media (min-width: 2500px){
  
    .card{
        margin: 10em 65em;
           
    }
    
}