*{
    font-family: 'Open Sans', sans-serif;
}
.bd {
    border: 1px solid black;
}

.container-fluid {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nav-se {
    background: rgba(100, 100, 100, 0.1);
    backdrop-filter:blur(50px);
    /* -webkit-backdrop-filter: blur(40px); */

}

.log {
    font-size: 28px;
    font-weight: bold;
    color:white;
}

.fl {
    display: flex;
}

.search-wh {
    border: none;
    width: 70%;
    margin-top:10px;
    margin-bottom:10px;
    padding: 10px 20px;
    border-radius: 40px 0px 0px 40px;
    font-size: 17px;
    background-color: rgba(100, 100, 100, 0.1);
    backdrop-filter: blur(20px);
    color:white;

}

.btn-sbm{
    border:none;
    border-radius:0px 40px 40px 0px;
    margin-top:10px;
    margin-bottom:10px;
    padding: 10px 0px;
    width:12%;
    background-color: rgba(100, 100, 100, 0.1);
    backdrop-filter: blur(20px);
}
.btn-sbm:hover{
    background-color: rgba(100, 100, 100, 0.2);
    backdrop-filter: blur(20px);
}
.icn{
    font-size:25px;
    color:white;
}
.weath-box{
    margin-top:130px;
    color:white;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 20px;
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.2)
}
.temp{
    font-size:60px;
    font-weight:700;
    
}
.desc{
    font-size:20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.location{
    font-size:30px;
    font-weight: bold;
    margin-top:20px;
}
.location2{
    font-size:20px;
    font-weight:500;
    margin-bottom: 5px;
    margin-top:-3px;
}
.time, .time2{
    font-size:17px;
    font-weight:400;
}
.time{
    margin-bottom: 20px;
}
.icn{
    width:90px;
    margin-bottom: -20px;
}
.detaildiv{
    margin-top:130px;
    background-color: rgba(0, 5, 30, 0.6);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px;
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.2);
    color:white;
    margin-left:20px;

}
.stb{
    display: flex;
    /* align-content: center; */
    justify-content: center;
    flex-direction: column;
}
.txt{
    font-size:20px;
    padding-left:5%;
    padding-right: 5%;
    
}
.icnn{
    color:white;
    margin-right:5px;
    margin-top:2.5px;
    font-weight:200;
}
span{
    font-weight: bold;
}
.footer{
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(30px);
    color:white;
    text-align: center;
    padding-top:4px;
    padding-bottom:4px;
}