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

body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    min-height: 100svh;

    margin: 0;

    background-color: hsl(212, 45%, 89%);

    font-family: outfit;
}
#container {
    box-sizing: border-box;

    width: 325px;

    padding: 1rem;

    background-color: #fff;

    border-radius: 1.5rem;

    img{
        width: 100%;
        border-radius: 0.5rem;
    }
    h2,
    P{
        text-align: center;
    }
    h2{
        color: hsl(218, 44%, 22%);

        font-weight: 700;
    }
    p{
        color: hsl(220, 15%, 55%);

        font-weight: 400;
    }
}