*{
    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;
}

footer{
    background-image: linear-gradient(to right,orange,#518fab );
    background-size: cover;
    margin-top: 300px;
    text-align: center;
}
i{
    font-size: 50px;
    margin: 10px;
}
.copy{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: orange;
}
.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;
}
.content{
    background-color: rgba(80, 71, 71, 0.171);
    text-align: center;
    padding: 10px;
    margin-top: 100px;
}
.inner-menu{
    padding:10px;
    text-align:right;
  }