h1#white
{
    margin-left: auto;
    background-color: var(--generalBoxBackground);
    border-top: min(0.5vw, 5px) solid var(--generalBoxHighlight);
    border-left: min(0.5vw, 5px) solid var(--generalBoxHighlight);
    border-right: min(0.5vw, 5px) solid var(--generalBoxShading);
}
h1#blue
{
    background-color: var(--generalBoxBackgroundB);
    border-top: min(0.5vw, 5px) solid var(--generalBoxHighlightB);
    border-left: min(0.5vw, 5px) solid var(--generalBoxHighlightB);
    border-right: min(0.5vw, 5px) solid var(--generalBoxShadingB);
}

h1.Text
{
    width: fit-content;
    padding: min(2vw, 20px) 0 0 0;
    margin: min(4vw, 40px) min(10vw, 100px) 0 min(10vw, 100px);
    border-radius: min(1.5vw, 15px) min(1.5vw, 15px) 0 0;

    position: relative;
    top: min(0.5vw, 5px);
    z-index: 2;

    display: flex;
    justify-content: center;
}

h2#white
{
    color: var(--generalHeading);
    box-shadow:
        min(4vw, 40px) min(0.5vw, 5px) 0 min(0.5vw, 5px) var(--generalBoxBackground),
        max(-4vw, -40px) min(0.5vw, 5px) 0 min(0.5vw, 5px) var(--generalBoxBackground);
    text-shadow:
        min(0.2vw, 2px) min(0.2vw, 2px) 0 var(--generalBoxShadowHigh),
        max(-0.2vw, -2px) max(-0.2vw, -2px) 0 var(--generalBoxShadowLow);
}
h2#blue
{
    color: var(--generalHeadingB);
    box-shadow:
        min(4vw, 40px) min(0.5vw, 5px) 0 min(0.5vw, 5px) var(--generalBoxBackgroundB),
        max(-4vw, -40px) min(0.5vw, 5px) 0 min(0.5vw, 5px) var(--generalBoxBackgroundB);
    text-shadow:
        min(0.2vw, 2px) min(0.2vw, 2px) 0 var(--generalBoxShadowHighB),
        max(-0.2vw, -2px) max(-0.2vw, -2px) 0 var(--generalBoxShadowLowB);
}

h2.Text
{
    margin: 0;
    font-size: min(3.8vw, 38px);
    font-weight: bold;
}

span.Text.Left
{
    right: min(2.5vw, 25px);
    border-radius: 0 0 min(1.5vw, 15px) 0;
}
span.Text.Right
{
    left: min(2.5vw, 25px);
    border-radius: 0 0 0 min(1.5vw, 15px);
}
span#white.Text.Left
{
    border-bottom: min(0.5vw, 5px) solid var(--generalBoxHighlight);
    border-right: min(0.5vw, 5px) solid var(--generalBoxHighlight);
}
span#white.Text.Right
{
    border-bottom: min(0.5vw, 5px) solid var(--generalBoxHighlight);
    border-left: min(0.5vw, 5px) solid var(--generalBoxShading);
}
span#blue.Text.Left
{
    border-bottom: min(0.5vw, 5px) solid var(--generalBoxHighlightB);
    border-right: min(0.5vw, 5px) solid var(--generalBoxHighlightB);
}
span#blue.Text.Right
{
    border-bottom: min(0.5vw, 5px) solid var(--generalBoxHighlightB);
    border-left: min(0.5vw, 5px) solid var(--generalBoxShadingB);
}
span.Text
{
    background-color: var(--pageBackground);
    width: min(2vw, 20px);
    height: min(4vw, 40px);
    position: relative;
}

p#white
{
    background-color: var(--generalBoxBackground);
    border-top: min(0.5vw, 5px) solid var(--generalBoxHighlight);
    border-left: min(0.5vw, 5px) solid var(--generalBoxHighlight);
    border-bottom: min(0.5vw, 5px) solid var(--generalBoxShading);
    border-right: min(0.5vw, 5px) solid var(--generalBoxShading);
    color: var(--generalText);
}
p#blue
{
    background-color: var(--generalBoxBackgroundB);
    border-top: min(0.5vw, 5px) solid var(--generalBoxHighlightB);
    border-left: min(0.5vw, 5px) solid var(--generalBoxHighlightB);
    border-bottom: min(0.5vw, 5px) solid var(--generalBoxShadingB);
    border-right: min(0.5vw, 5px) solid var(--generalBoxShadingB);
    color: var(--generalTextB);
}

p.Text
{
    padding: min(2vw, 20px);
    margin: 0 min(6vw, 60px) min(3vw, 30px) min(6vw, 60px);
    border-radius: min(1.5vw, 15px);
    font-size: min(2vw, 20px);
    font-weight: normal;
}

@media (max-width: 700px) {
    p.Text {
        padding: min(3vw, 30px);
        font-size: min(2.8vw, 28px);
    }
}