header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 30vh;

    background-color: var(--primary-color);
    color: #FFFFFF;
}

header h1 {
    font-size: clamp(2rem, 5vw, 5rem) !important;
    font-family: 'Verdana', sans-serif !important;
}

.hamburg-nav{
    top: 20px;
    left: 20px;
}

.languages {
    display: flex;
    flex-direction: column;
    align-items: center;

    right: 20px;
    bottom: 20px;
}

.languages #middle-flag {
    margin-left: 10px;
    margin-right: 10px;
}

.languages .flags img {
    height: 20px;
    width: 20px;

    border-radius: 50%;

    cursor: pointer;
}

.languages .flags img:hover {
    transform: scale(1.2);
}