body {  
    background-color: #2c3e50;  
    color: #ecf0f1;  
    font-family: 'Moonlight', sans-serif;  
}  

h1, h2, h3, h4, h5, h6 {  
    color: #f39c12;  
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);  
}   

a {  
    color: #3498db;  
    text-decoration: none;  
    transition: color 0.3s ease;  
}  
    
a:hover {  
    color: #2980b9;  
}  

button {  
    background-color: #e74c3c;  
    border: none;  
    color: white;  
    padding: 10px 20px;  
    text-align: center;  
    text-decoration: none;  
    display: inline-block;  
    font-size: 16px;  
    margin: 4px 2px;  
    cursor: pointer;  
    transition: background-color 0.3s ease;  
}  

button:hover {  
    background-color: #c0392b;  
}  

.header, .footer {  
    background-color: #34495e;  
    padding: 10px 0;  
    color: #bdc3c7;  
    text-align: center;  
}  

.froge-emoji {  
    font-size: 2rem;  
}