body {  
    font-family: 'Comic Sans MS', cursive, sans-serif;  
    background-color: #e9f7ef;  
    color: #2d3436;  
    margin: 0;  
    padding: 0;  
}  

header {  
    background-color: #55efc4;  
    padding: 20px;  
    text-align: center;  
    font-size: 25px;  
}  

nav {  
    display: flex;  
    justify-content: center;  
    background-color: #00cec9;  
    padding: 10px;  
}  

nav a {  
    color: white;  
    padding: 14px 20px;  
    text-decoration: none;  
    font-weight: bold;  
}  

nav a:hover {  
    background-color: #81ecec;  
}  

footer {  
    background-color: #2d3436;  
    color: white;  
    text-align: center;  
    padding: 10px;  
    position: fixed;  
    bottom: 0;  
    width: 100%;  
}  

h1 {  
    color: #0984e3;  
}  

p {  
    line-height: 1.6;  
    padding: 10px;  
}

a:link, a:visited {  
    color: #6c5ce7;  
    text-decoration: none;  
}

a:hover, a:active {  
    color: #a29bfe;  
}