* {
    padding: 0%;
    margin: 0;
    font-family: 'Outfit', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
body {
    background-color: hsl(212, 45%, 89%);
    display: grid;
    place-items: center; /* centers both horizontally & vertically */
    height: 100vh;
}
.main-screen {
    background-color: #fff;
    border-radius: 2vh;
    width: 25vh;
    margin: 5%;
    padding: 1%;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.1);
}

h1 {
    color: hsl(218, 44%, 22%);
    font-size: larger;
    padding: 1vh;
    text-align: center;
}
p {
    color: hsl(216, 15%, 48%);
    font-size: small;
    padding: 1vh;
    text-align: center;
}
img {
    border-radius: 2vh;
    width: 100%;
}

/* - Mobile: 375px*/
@media (min-width: 375) {
    .main-screen {
        padding: 4%;
    }
}