@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;500;600;700;800&display=swap');

:root {
    --background-dark: #181D31;
    --mixed-green: #678983;
    --cream: #E6DDC4;
}

body {
    background-color: var(--background-dark);
    color: white;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

section {
    padding-top: 5rem;
}

.header img {
    width: 900px;
    mix-blend-mode: exclusion;
}

.msg {
    color: var(--mixed-green);
    font-size: 4rem;
}

.qsn {
    font-weight: 400;
    margin-left: 30rem;
    text-align: start;
    margin-top: -2rem;
}

.lang-choice {
    color: var(--cream);
    margin-left: -30rem;
    font-size: 1.8rem;
}

.lang a {
    margin-right: 5rem;
    border-radius: 5px;
    text-decoration: none;
    color: black;
    background-color: var(--cream);
    padding: 8px;
    width: 5rem;
    font-size: 1.4rem;
}

.lang {
    display: flex;
    margin-left: 22rem;
}

.lang-code {
    text-align: left;
    margin-left: 18rem;
    margin-top: 5rem;
}

.lang-code h1 {
    color: var(--mixed-green);
    font-size: 3.4rem;
}

.lang-code p {
    color: var(--cream);
    font-size: 1.4rem;
}