body {
    background-color: hsl(212, 46%, 89%);
    font-family: outfit, sans-serif;
}

.container {
    
    max-width: 1440px;
    margin: auto;
    padding: 2em 1em;
    border-radius: 15px;
}

.qr-container {
    background-color: hsl(0, 0%, 100%);
    border-radius: 15px;
    max-width: 325px;
    margin: 5em auto;
    padding:1em;
    
}

.qr-container img {
    width:100%;
    border-radius: 15px;
}



h2 {
    text-align:center;
    font-weight: 700;
    padding: 0 1em;
}

p {
    text-align:center;
    font-weight: 400;
    color: rgb(123, 135, 157);
    padding: 0 1.5em;
}




.attribution {
    font-size:.75em;
    margin-top:2em;
    display:grid;
    grid-template-columns: auto auto;
    text-align: center;
    color: hsl(218, 44%, 22%);
}

.attribution div a {
    color: hsl(228, 45%, 44%); ;
}