*{
    padding: 0px;
    margin: 0px;
}
body{
    background-image: linear-gradient(to right,#d59119,#518fab );
}
.menu{
    background-color: rgba(0, 0, 0, 0.575);
    width:100%;
    height:50px;
    position: fixed;
    transition: width 1s,height 1s;
}
   .menu:hover{
       height: 60px;
   }

li{
    display:inline;
}

a{
    font-variant: small-caps;
    text-decoration: none;
    color: white;
    padding:10px;
    font-weight: 700;
    margin: 2px;
}

a:hover{
    color: orange;
    transition: 0.5s linear;
}

a:active{
    color: #7fadc3;
}

.nature{

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: orange;
    position: relative;
    float: left;
    font-size:25px;
    font-weight: 800;
    font-stretch: extra-expanded;
}

.inner-menu{
  padding:10px;
  text-align:right;
}

footer{
    background-image: linear-gradient(to right,orange,#518fab );
    margin-top: 20px;
    text-align: center;
    padding: 4px;
}

.copy{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

i{
    font-size: 50px;
    margin: 10px;
}

h2{
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: 200;
    color: #fece22;;
    padding: 10px;
}

.why{
    margin-top: 100px;
    padding: 5px;
    text-align: center;
}

h1{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 
    Roboto, Oxygen,
     Ubuntu, Cantarell, 
    'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;

}

p{
    color: black;
    font-size: 15px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-variant: small-caps;
}

.pollution{
    margin-top: 20px;
    padding: 5px;
    text-align: center;
}