.basicframe {
    --color0: #003366;
    --color1: #FFFFFF;
    margin: 0 auto;
    background: var(--color1);
    width: 92vw;
    height: 100vh;
    box-shadow: 4px 4px 8px #000000;
}
.basicframe .frame-title {
    font-size: 1.2em;
    background: var(--color0);
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.basicframe p {
    padding: 15px 20px;
    text-align: center;
    margin: 0 auto;
}

.blankframe {
    height: 0vh;
}

.footerframe {
    --color0: #003366;
    margin: 0 auto;
    background: var(--color0);
    height: 5vh;
    width: 92vw;
    box-shadow: 4px 4px 8px #000000;
}

.flexframe {
    margin: 0 auto;
    width: 92vw;
}

body {
    margin: 0vh auto;
}

@media (orientation: landscape) {
    .basicframe {
        width: 60vw;
    }
    .footerframe {
        width: 60vw;
    }
    .flexframe {
        width: 60vw;
    }
}