@media screen and (min-width: 1440px) {
    body {
        text-align: center;
        font-family: "Outfit";
        background-color: hsl(212, 45%, 89%);
    }

    #mainContent {
        width: 23%;
        margin: 5.5em 32%;
        background-color: white;
        padding: 3%;
        border-radius: 5%;
    }

    p{
        font-size: 15px;
        color: rgb(122, 120, 120);
        font-style: italic;
    }

    #QRCode {
        width: 99%;
        height: 99%;
        border-radius: 5%;
    }
}

@media screen and (min-width: 375px) and (max-width: 1439px) {
    body {
        text-align: center;
        font-family: "Outfit";
        background-color: hsl(212, 45%, 89%);
    }

    #mainContent {
        width: 55%;
        margin: 5.5em 22%;
        background-color: white;
        padding: 3%;
        border-radius: 5%;
    }

    h1{
        font-size: 100%;
    }

    p{
        font-size: 60%;
        color: rgb(122, 120, 120);
        font-style: italic;
    }

    #QRCode {
        width: 99%;
        height: 99%;
        border-radius: 5%;
    }
}