body {
    margin: 0px;
    background-color: rgb(41, 41, 41);
    transition: ease-in-out 600ms;
}

a {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: justify;
    font-size: 5vh;
}

/* Main Content */

.main {
    color: antiquewhite;
}

.block {
    justify-content: center;
    border-radius: 20px;
    margin: 3.1vh;
    background-color: rgb(53, 53, 53);
    width: 40vh;
    height: 40vh;
    padding: 10px;
    display: block;
    float:inline-start;
    text-decoration: underline;
}

.blocks {
    margin-bottom: 2vh;
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (max-width: 100vh) {
    .blocks {
        display: inline-block;
    }
    .block {
        margin: auto;
        margin-top: 4.5vh;
    }
}


.block img {
    border-radius: 10px;
    height: 38vh;
    margin: 1vh;
}

.block h1 {
    font-size: 6vh;
    margin: 0;
    margin-top: 1vh;
    text-align: center;
    text-decoration: underline;
    color: rgb(155, 34, 34);
}

.block h2 {
    font-weight: 900;
    font-size: 5vh;
    margin: 0;
    margin-top: 1vh;
    text-decoration: underline;
    color: rgb(155, 34, 34);
}

.block li {
    font-size: 4vh;
    margin: 0;
    text-decoration: underline;
    color: rgb(155, 34, 34);
}

.rotateddeviceerror {
    color: #2e3192;
    border: 2vh #161414;
    display: none;
}

.maintext {
    margin-left: 5vh;
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16vh;
}

@media (max-width: 100vh) {
    .maintext {
        font-size: 10vh;
        display: block;
        margin: 0%;
        margin: 1vh;
        text-align: left
    }
}

.maintext h1 {
    margin: 0;
    margin-left: 5vh;
    color: white;
}