*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    text-transform: capitalize;
    background: linear-gradient( 90deg, rgba(45, 102, 87, 0.897), rgb(105, 104, 104), rgba(20, 20, 19, 0.891));
    color: whitesmoke;
    height: 100vh;
}

main{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

header{
    border-radius: 5px;
    background-color: rgb(37, 55, 37);
    margin: 15px;
    padding: 10px;
    font-family: 'Times New Roman', Times, serif;    
}

nav{
    display: flex;
    justify-content: space-between;
}
header span{
    margin-left: 3%;
}

li{
    display: inline-block;
   list-style: none;
   margin-right: 25px;
   font-size: 3vmin;
}

article{
    margin-left: 4%;
    margin-top: 12%;

}

main h1{
    font-size: 7vmin;
}
article p{
    margin-top: 25px;
    font-size: 3vmin;

}
.aside{
    background-color: rgba(34, 204, 204, 0.748);
    border-radius: 50px;
    padding: 7px 14px;
  
}
footer{
    margin-top: 50px;
    margin-left: 10%;
    display: flex;
    align-items: center;
}
.main{
    float: right;
    margin-top: 28.5px;
}

footer .aside{
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
    font-size: 20px;
}

/*mobile device*/
@media only screen and (max-width:750px) {

   .main{
    width: 60%;
    margin-top: 80px;
   }
   li{
    margin-right: 8px;
   }






}