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

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-color: #d5e1ef;
    font-family: 'outfit';
    font-size: 15px;
}

.container{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card{
    width: min-content;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: rgb(48, 48, 51, 0.15)0px 12px 50px 0px ;
    padding: 20px;
    
}

.card .image{
    width: 300px;
    height: 300px;
    background-image: url('images/image-qr-code.png');
    background-size: cover;
    border-radius: 10px;
}

.details h2{
    text-align: center;
    margin: 20px 0;
}

.details p{
    opacity: 70%;
    margin-bottom: 20px;
}

.attribution{
    text-align: center;
    margin-bottom: 5px;

}

.attribution a{
    color: blue;
}