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

main {
    background-color: hsl(212, 45%, 89%);
    width : 100vw;
    height : 100vh;
    display: flex;
    justify-content: center;
    align-items : center;
}

.card {
    width : 20em;
    height: auto;
    background-color: #fff;
    
    border-radius : 15px;
    display : flex;
    flex-direction : column;
    
    
    justify-content : space-evenly;
    align-items: center;
    
}

.under-card {
    width : 90%;
    height: 30em;
    display : flex;
    flex-direction : column;
    justify-content : space-evenly;
    align-items: center;
}

.qr-code {
    width : 100%;
    height : auto;
    border-radius : 10px;
    
}

p {
    font-family : 'Outfit', sans-serif;
}

.text {
    width: 85%;
    height: 9em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.textOne {
    font-size:  22px;
    color : hsl(218, 44%, 22%);
    font-weight: bold;
    text-align: center;
}

.textTwo {
    font-size:  15px;
    color : hsl(220, 15%, 55%);
    text-align: center;
}