*{
    margin:0;
    padding:0;
}
.main{
    height: 100vh;
    width: 100%;
    background-image: url("background.png");
    background-size: cover;
}
.app-header{
    position: sticky;
    top:0;
    z-index: 0;
    display:flex;
    justify-content:center;
    align-items: center;
}
.app-title{
    font-size:42px;
    font-weight: 800;
    text-align: center;
    flex:1;
    color: bisque;
}
.header-icons{
    display:flex;
    gap:20px;
    margin-right:40px;
}
.icon-btn{
    display:flex;
    align-items: right;
    justify-content: right;
}
.icon-btn img{
    height:25px;
    width:25px;
    object-fit:contain;
}
.inputs1{
    display: flex;
    color: rgb(232, 228, 222);
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.inputs2{
    display: flex;
    color: bisque;
    align-items: center;
    justify-content: center;
    gap:30px;
}
.row{
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 105px;
    margin-left: 495px;
}
.temp-display2{
    text-align: left;
    color: beige;
    font-size: 40px;
    margin-left:250px ;
}
.temp-display1{
    text-align: center;
    color: beige;
    margin-top: 40px;
    font-size: 80px;
    margin-right:700px ;
}
.humidity,.wind{
    text-align: left;
    font-size: 40px;
    color: beige;
    margin-left: 250px;
    margin-top: 40px;
    font-family: 'Courier New', Courier, monospace;
}