@media (min-width: 300px) {
    body {
        min-height: 100vh;
        background: linear-gradient(227.12deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2156) 26.11%, rgba(0, 0, 0, 0.7938) 49.12%), linear-gradient(180deg, #0B0A0A 0%, rgba(244, 8, 8, 0.54) 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        background-repeat: no-repeat;
        background-color: rgba(20, 20, 20, 0.333);
        background-blend-mode: darken;
        background-size: cover;
        background-position: top;
        display: flex;
        flex-direction: column;
        padding: 50px 18px 10px 18px;
    }
}

@media (min-width: 768px) {
    body {
        background: linear-gradient(227.12deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2156) 26.11%, rgba(0, 0, 0, 0.7938) 49.12%), linear-gradient(180deg, #0B0A0A 0%, rgba(244, 8, 8, 0.54) 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        background-color: rgba(20, 20, 20, 0.333);
        background-blend-mode: darken;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        padding: 91px 40px 43px 40px;
    }
}

@media (min-width: 992px) {

    body {
        background: linear-gradient(227.12deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2156) 26.11%, rgba(0, 0, 0, 0.7938) 49.12%), linear-gradient(180deg, #0B0A0A 0%, rgba(244, 8, 8, 0.54) 100%);
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        background-color: rgba(20, 20, 20, 0.333);
        background-blend-mode: darken;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 40px 128px 15px 128px;
    }
}