body,html{
        margin: 0;
        --blue: #043158;
        --gold: #BE8F03;
}
.s0{
        padding: 0 4rem 0 4rem;
        width: calc(100vw-8rem);
}

blockquote{
        border-width: 0;
        border-color: var(--gold);
        border-left-width: 2px;
        border-style: solid;
        margin-left: 0;
        padding-left: 2rem;
}

#r0 {
        height: max-content;
        background: rgb(240,240,240);
        padding-top: 1rem;
        flex-direction: row;
}
#r0{
        display: flex;
}
#r0 > div > main > h1{
        color: var(--blue)
}
#r0 > main{
        flex: 0.6;
}
#r0 > img{
        scale: 80%;
}
#r1 > main{
        display: flex;
        flex-wrap: wrap;
}

#r1 > main > div{
        width: 22%;
        margin: 0.1rem;
        background: #F9F9F9;
        border-radius: 1rem;
        border-style: solid;
        border-width: 1px;
        border-color: #9DCDD5;
        height: calc(10rem-2%);
        padding: 1%;
        padding-top: 2%;
        color: #2F6C84;
}
#r1 > main > div > div{
        height: 1px;
        background: #00533C;
        width: 80%
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
}
#r1 > main > div > p{
margin-top: 0;
        color: #333333;
}

#r2 {
        margin: 4rem;
        width: calc(100%-8rem);
        padding: 2.5rem;
        background: radial-gradient(61.34% 167.46% at 80.06% 53.88%, #256CA9 0%, #012D54 35.58%, #00203C 100%);
        border-radius: 1rem;
}
#r2 > p {
        color: white;
        width: 100%;
        margin: 0 auto 0 auto;
        text-align: center;
        font-size: x-large;
} 

#r2 > div{
        margin-top: 1rem;
        background: #03305B7A;
        border: 2px solid #083E71;
        color: white;
        padding: 0.5rem;
        display: flex;
        justify-content: center;
        border-radius: 1rem;
}
#r2 > div > img{
        border-radius: 1rem;
        height: 70%;
        aspect-ratio: 1/1;
        margin-right: 2%;
}
#r3 {
        margin: 0rem 0rem 4rem 4rem;
        display: flex;
        justify-content: space-between;
        gap: 5vmax;
        align-items: center;
}
#r3 > div{
        background: linear-gradient(180deg, #D39F46 0%, #9D6F18 100%);
        color: white;
        padding: 2rem;
        display: flex;
        width: 40vw;
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
        flex-direction: column;
        align-items: center;
}
.gold{
        color: var(--gold)
}
#r4 {
        width: 100%;
        height: max-content;
        display: flex;
        flex-direction: column;
        align-items: center;
}
#r4 > *{
        text-align: center;
}
#r4 > h2{
        margin: 0;
        font-size: xx-large;
        scale: 0.9
}
#r4 > h1{
        margin-top: 1rem;
        font-size: xx-large;
}
#r4 > a{
        background: linear-gradient(95.34deg, #DFAE1C -7.86%, #BE8F03 22.62%, #936818 103.37%);
        padding: 1rem;
        border-radius: 0.5rem;
        color: white;
        text-decoration: none;
        width: max-content;
        font-size: small;
        margin-top: 2rem;
}

@font-face {
        font-family: "Humanist521";
        src: url("/assets/Humanist521BT.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
}
*{
        font-family: "Humanist521",'Times New Roman', Times, serif;
}