@font-face {
    font-family: 'Libre Baskerville';
    src: url('../fonts/LibreBaskerville-Regular.ttf') format('truetype');
}

body {
    font-family: 'Libre Baskerville';
}

.container {
    display: flex;
    height: 100vh;
    height: 100dvh;
    flex-direction: column;
}

.container > section {
    position: relative;
    flex: auto;
    padding: 30px;
}

section.mmf {
    background-color: #f9f6e9;
}

section.mmg {
    background-color: #24588d33;
}

.lang-links {
    display: flex;

    justify-content: flex-end;
    gap: 15px;
}

.lang-links a {
    font-size: 24px;
    color: #24588D;
    text-decoration: none;

    transition: color 300ms ease;
}

.lang-links a:nth-child(2) {
    color: #9B8D3A;
}

.logo-wrapper {
    position: absolute;
    top: 45%;
    left: 50%;

    width: 85%;

    transform: translate(-50%, -50%);
}

.logo-wrapper img {
    width: 100%;
    max-height: 140px;

    transition: transform 400ms ease;
}

@media (min-width: 1024px) {

    .container {
        flex-direction: row;
    }

    .container > section {
        padding: 50px 75px;
    }

    .lang-links {
        gap: 25px;
    }

    .lang-links a {
        font-size: 48px;
    }
}

@media (any-hover: hover) {

    .lang-links a:hover {
        color: #24588D7F;
    }

    .lang-links a:nth-child(2):hover {
        color: #9B8D3A7F;
    }

    .logo-wrapper a:hover img {
        transform: scale(1.05);
    }
}