@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');

html, body {
    overflow-x: hidden;
}

body {
    box-sizing: border-box;
    font-family: Merriweather;
    position: relative
}

.custom-rounded-border {
    border-radius: 2.5rem;
}

.row {
    width: 90%;
}

a {
    text-decoration: none;
}

.main-image {
    padding: 0;
    margin: 0;
    width: 100%;
    /*background-image: url('../images/Tashkent-5.jpg');*/
}

.city_card {
    margin: 25px;
    width: 30%;
    background-color: #f9f9f9;
    
    box-sizing: border-box;
    font-weight: bold;
    /* opacity: 0.9; */
    border-radius: 2rem;
}

.city_name {
    font-size: 36px;
}

.temperature_text {
    font-size: 24px;
}

.day_temperature {
    font-size: 28px;
}

.night_temperature {
    font-size: 22px;
    color: #888;
}

.weather_status img{
    width: 75px;
    height: 75px;
    margin-right: 10px;
}

.min-max-text {
    font-size: 16px;
}

.min-max-text img{
    width: 60px;
    height: 60px;
}

.humidity-index {
    font-size: 16px;
}

.humidity-index img{
    width: 60px;
    height: 60px;
}

.wind-params {
    font-size: 16px;
}

.wind-params img{
    width: 60px;
    height: 60px;
}

.details_card {
    margin:25px;
    background-color: #f9f9f9;
    border-radius: 2.5rem;
    opacity: 0.5;
}


.general_info {
    height: auto;
    opacity: 0.5;
}

.general_info:hover {
    opacity: 1;
}

.details_card:hover {
    opacity: 1;
}



@media screen and (max-width: 992px) {
    .custom-row-90 {
        width: 90%;
    }

    .general_info, .details_card {
        margin: 25px auto !important;
    }
}