.maintenance-overlay {
    z-index:2000;
    position:fixed;
    top:0;
    left:0;
    background:var(--baseColour);
    width:100vw;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

.maintenance-overlay-container {
    background:var(--monoBack);
    color:var(--monoFront);
    padding:2em;
    border-radius:1em;
    max-width:50vw;
    max-height:80vh;
}

.maintenance-overlay-logo {
    width:100%;
    height:20vh;
    background-size:contain !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    margin-bottom:2em;
}

.maintenance-overlay-title {
    font-family:var(--font01);
    font-size:2.4em;
    font-weight:bold;
}

.maintenance-overlay-text {
    font-family:var(--font02);
    font-size:1.2em;
    text-align:justify;
}
.maintenance-overlay-socialmedia ul {
    list-style-type:none;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin-top:1em;
}

.maintenance-overlay-socialmedia ul li a i {
    font-size:1.25em;
    padding:0.35em;
    background:var(--baseColour);
    color:var(--baseColourInvert);
    margin:0.25em;
    transition:all 0.5s;
}

.maintenance-overlay-socialmedia ul li a i:hover {
    background:var(--baseColourInvert);
    color:var(--baseColour);
}