@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


* {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
}

.header-container {
    color: #fff;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    padding: 20px 0 0 0;
    height: 15vh;

    background-size: 150%;
    background-position: top right;
    background-repeat: no-repeat;
    /*animation: moveBackground 120s linear infinite;*/
}

@keyframes moveBackground {
    0% {
        background-position: top right;
    }
    50% {
        background-position: bottom left;
    }
    100% {
        background-position: top right;
    }
}


.align-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.gradient {
    /*background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);*/
}

.weather{
    font-size: 1vw;
    backdrop-filter: blur(5px);

}

.obedy{
    font-size: 1vw;
    backdrop-filter: blur(5px);

}

.datum-cas{
    font-size: 1vw;
    backdrop-filter: blur(5px);

}

.wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-height: max-content;
}

.state {
    font-size: 1.5vw;
    flex-direction: column;
}

.state img {
    height: 100px;
    width: auto;
    margin: 0;
}

.weather-icon {
    margin: 0;
    width: 4vw;
}

.weather-data {
    margin: .5vh 2vw;
    display: flex;
    align-items: center;
}

.weather-data-group {
    font-weight: 600;
}

.temperatures {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.temperature_now {
    font-size: 2vw;
}

#cas {
    font-size: 3.5vh;
    font-weight: 600;
}

#datum {
    font-size: 2.5vh;
    font-weight: 500;
}

#svatek {
    font-size: 2.2vh;
    font-weight: 500;
}


.wrapper-datum-cas {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#obed-menu {
    font-size: 2.5vh;
    font-weight: 500;
}