:root{
    --white: hsl(0, 0%, 100%);
    --light-gray: hsl(212, 45%, 89%);
    --grayish-blue: hsl(220, 15%, 55%);
    --dark-blue: hsl(218, 44%, 22%);
}
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

    body {
            background-color: var(--light-gray);
            font-family: 'Outfit', sans-serif;
        }
    
        .flex-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height:100vh;
        }
    
        .flex-element {
            background-color: var(--white);
            max-width:320px;
            height:500px;
            border-radius:1rem;
            padding:1rem;
        }
    
        img {
        width:100%;
        border-radius: 1rem;
        }
        h1{
            font-size:24px ;
           text-align: center;
           padding:10px 0px 0px 0px;
        }
        p{
            text-align: center;
            font-size: 15px;
            font-weight: 400;
            padding:1rem;
            color: var(--grayish-blue)
}