body{background-image:url("https://images.pexels.com/photos/956981/milky-way-starry-sky-night-sky-star-956981.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1");
}
@media screen and (max-width: 500px){
    body{font-size:16px;
    }
}
    

.container{background-color: rgba(255, 255, 255, 0.6);
margin:0 auto;
padding:10px;
width:100%;
max-width: 650px;
border-radius: 10px;
margin-top:0px;
font-size:30px;
font-family:"Oregano", cursive;
font-weight: 500;
    font-style: normal;
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.form-cover{
margin:10px;

}
input{font-size: 25px;
font-family: "Oregano";
border-radius: 10px;
border:none;
}

input:hover{
    cursor:pointer;
}
#submit-buton{background-color: navy;
color:antiquewhite;
border:none;}



footer{font-size:20px;
text-align:center;}

#search-form-input{width:100%;
max-width: 400px;}

.detail{color:red;}
.emoji{position:relative;
    top:50px;
    height:60px;

    
}

.temperature{display: flex;
    position: relative;
    justify-content: right;
    top:-190px;
    }

.number{font-size: 88px;}

.date{text-align: center;}
.icon{color:brown;
text-align: center;}


    .weather-forecast-temperatures{color:red;
        text-align: center;
    justify-content: center;
    margin-top: 0 10px;
        }
        .weather-forecast-day{display:flex;
            justify-content: space-evenly;

        }
   
        .weather-forecast-icon{width:88px;
            display: block;
        margin:0 auto;}

        .weather-forecast{display:flex;}