body {background-color:RGB(138, 140, 143); font-family: 'Prata', serif;
        }
        ul{list-style-type:none; margin:0px; padding:0; overflow:hidden; background-color: rgb(65, 57, 61);}
        li{float:right;}
        li a{display: block; color:rgb(240, 78, 35); text-align:center; padding:10px;}
        li a:hover{background-color:rgb(213, 162, 141);}</style>
    <style>
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   </style>
<style>
        footer{width: 100%; padding:5px; margin:0px; overflow:hidden; background-color:rgb(65, 57, 61); display: inline-block; bottom:0;}
        i{float:right; padding:5px; padding-right: 5px;}</style>
   </style>
<style> 
 #box1 {width:20%; height: 500px; margin: 0px; padding: 0px; background-color: rgb(240, 78, 35); float: left}
   </style>
<style>
    #box2 {width:78%; height: 500px; margin: 0px; padding: 0px; background-color: rgb(138, 140, 143); float: right} </div>
    </style>