body {  
    font-family: 'Comic Sans MS', cursive, sans-serif;  
    background-color: #e0f7fa;  
    color: #004d40;  
    margin: 0;  
    padding: 0;  
}  
  
header {  
    background-color: #004d40;  
    color: #ffffff;  
    text-align: center;  
    padding: 1em;  
    font-size: 2em;  
}  
  
footer {  
    background-color: #004d40;  
    color: #ffffff;  
    text-align: center;  
    padding: 1em;  
    position: fixed;  
    width: 100%;  
    bottom: 0;  
}  
  
a {  
    color: #00695c;  
    text-decoration: none;  
    font-weight: bold;  
}  
  
a:hover {  
    color: #004d40;  
}  
  
#main-content {  
    padding: 20px;  
    font-size: 1.2em;  
    line-height: 1.6em;  
}  
  
.frog-image {  
    width: 200px;  
    height: auto;  
    display: block;  
    margin-left: auto;  
    margin-right: auto;  
}  
  
.frog-fact {  
    background-color: #e0f2f1;  
    border-left: 5px solid #004d40;  
    margin: 20px 0;  
    padding: 15px;  
    font-style: italic;  
}