style.css

body {
    background-color: #222;
    width: 100%;
    height:100%;
    margin:0 auto;
    color: rgb(24, 23, 23);
    
}
h1{
    color: #fff;
    text-shadow: 3px 3px 3px;
} 
 h2 {
     color: #fff;
     font-display: bold;

 }    

h3 {
    color: #fff;
}

h4 {
    color:#111;
    display: inline-block;
}

h5 {
    color:  #fff;
}

.header {
    height: 50px;
    background-color: black;
    width:100%; 
    
}



p {
    color: #fff  ;
}

ul {
    float: right;
    margin-right: 40px;
    word-spacing: 20px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}
ul li {
 color:#fff;
 display: inline-block;
}


ul li:hover {
    color: red;
    text-decoration: underline;
} 




.FOOTER  {
    padding:75px;
    background-color: rgb(3, 3, 3);
    height: 80px;
    margin-bottom: 0 10px 30px 0;
   
}

#footer1,
#footer2,
#footer3,
#footer4 {
    float: left;
    margin: -60px  0 0 0; 
}
 
.writings {
    margin: 20px;
    color: #444;
    padding:0;
} 

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: red;
    text-decoration: underline;
}