body {  
    background-color: #f8f9fa;  
    font-family: 'Courier New', Courier, monospace;  
    color: #343a40;  
    margin: 0;  
    padding: 0;  
}  

h1, h2, h3 {  
    font-family: 'Open Sans', sans-serif;  
    color: #212529;  
    margin-bottom: 0.5em;  
}  

p {  
    line-height: 1.5;  
    margin-bottom: 1em;  
}  

a {  
    color: #007bff;  
    text-decoration: none;  
}  

a:hover {  
    color: #0056b3;  
    text-decoration: underline;  
}  

.footer {  
    text-align: center;  
    padding: 1em 0;  
    background-color: #e9ecef;  
    border-top: 1px solid #dee2e6;  
}  

.froge-animation {  
    background-image: url('/images/froge-dance.svg');  
    animation: frogeDance 5s infinite;  
}  

@keyframes frogeDance {  
    0% { transform: rotate(0deg); }  
    50% { transform: rotate(10deg); }  
    100% { transform: rotate(0deg); }  
}