@import url(https://fonts.google.com/specimen/Outfit);
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'speciman',sans-serif;
}
:root{
    --Lightgray: hsl(212, 45%, 89%);
    --White: hsl(0, 0%, 100%);
    --Grayishblue: hsl(220, 15%, 55%);
    --Darkblue: hsl(218, 44%, 22%);
}
body{
    background-color: var(--Lightgray);
    width: auto;
    height: 100vh;
    /* overflow: hidden; */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* justify-items: center; */
    justify-content: center;
    align-items: center;
    align-content: center
}
.container{
    margin-bottom: 2rem;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 1rem;
    background-color: var(--White);
    display: flex;
    flex-direction: column;
    width: 19rem;
    gap: 1rem;
    padding: 1rem 1rem 2rem;
    
    /* justify-content: center; */
    /* align-items: center; */

}
.container p{
    color: var(--Grayishblue);
    font-size: 16px;
    font-weight: 400;
}
.container h1{
    
    /* text-align-last: center; */
    color: var(--Darkblue);
    
    font-weight: 700;
    font-size: 20px;
    text-align: center; 
}
.qrcode {
    width: auto;
    border-radius: 0.7rem;
}