.mainflexcontainer{
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
@media only screen and (orientation: landscape)
{
    .mainheader{
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 3vw;
        width: 30%;
        font-size: 2vw;
        text-align: center;
    }

    .maininfo{
        color: white;
        font-size: 1.3vw;
        padding-top: 2vw;
    }
}
@media only screen and (orientation: portrait)
{
    .mainheader{
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 3vh;
        width: 70%;
        font-size: 2vh;
        text-align: center;
    }

    .maininfo{
        color: white;
        font-size: 1.3vh;
        padding-top: 2vh;
    }
}