body {  
    background-color: #001a33;  
    color: #e0f7fa;  
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;  
}  
  
h1, h2, h3, h4, h5, h6 {  
    color: #64ffda;  
}  
  
a {  
    color: #80cbc4;  
    text-decoration: none;  
}  
  
a:hover {  
    text-decoration: underline;  
}  
  
.container {  
    max-width: 1200px;  
    margin: 0 auto;  
    padding: 20px;  
}  
  
.button {  
    background-color: #00695c;  
    color: #ffffff;  
    border: none;  
    padding: 10px 20px;  
    text-align: center;  
    text-decoration: none;  
    display: inline-block;  
    font-size: 16px;  
    margin: 4px 2px;  
    cursor: pointer;  
    border-radius: 12px;  
}  

.navbar {  
    background-color: #004d40;  
    padding: 10px;  
}  

.navbar a {  
    color: #e0f7fa;  
    padding: 14px 20px;  
    text-decoration: none;  
    text-align: center;  
}  

.footer {  
    background-color: #004d40;  
    color: #e0f7fa;  
    text-align: center;  
    padding: 10px 0;  
    position: fixed;  
    width: 100%;  
    bottom: 0;  
}