style1.css

#img1{
    width:100%;
    height:45%;
}
*{
    box-sizing:border-box;
}
body{
    background-image: url(back.jpg);
    background-size: cover;
    color:maroon;
    margin:5px;
    padding:10px;
    text-align:center;
}
header{
    border-radius:5px;
    background:lightsalmon;
    padding:14px;
}
aside.left{
    margin-top:10px;
    height:100%;
    width:30%;
    float:left;
    background-color: rgba(250, 94, 94,0.615);
    border-radius:5px;
    font-family:cursive;
}
aside.right{
    margin-top:10px;
    height:100%;
    
    width:100%;
    float:left;
    background-color: rgba(250, 94, 94,0.615);
    border-radius:5px;
    font-family:cursive;
}
ul{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:rgba(250, 94, 94,0.615);
}
li.l2{
    float:left;
    font-family:cursive;
    font-size:large;
    font-weight:bold;
    
}
li.l2 a{
    display:block;
    padding:14px 16px;
    color:maroon;
    text-decoration:none;
}
li.l2 a:hover{
    background-color:rgba(250, 94, 94);
}
.top{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color: brown;
}
li.l1{
    float:left;
    font-family:cursive;
    font-size:smaller;
    font-weight:bold;
}
li.l1 a{
    display:block;
    padding:5px 5px;
    color:white;
    text-decoration:none;
}
#logo0{
    width:17px;
    height:17px;
   
}
#logo1{
    width:17px;
    height:17px;
    
}
#city{
    font-size:large;
    padding:7px 15px;
    
}
select{
    font-size:large;
    padding:7px 15px;
}
#search{
    font-size:large;
    background-color:brown;
    padding:7px 15px;
    color:white;
}