body {  
    background-color: #f0f8ff;  
    font-family: 'Comic Sans MS', cursive, sans-serif;  
}  

h1 {  
    color: #228b22;  
    text-align: center;  
}  

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

.froge-button {  
    background-color: #4caf50;  
    border: none;  
    color: white;  
    padding: 15px 32px;  
    text-align: center;  
    text-decoration: none;  
    display: inline-block;  
    font-size: 16px;  
    margin: 4px 2px;  
    cursor: pointer;  
    border-radius: 12px;  
}  

.froge-header {  
    font-size: 24px;  
    margin-bottom: 20px;  
}  

@keyframes froge-party {  
    0% { transform: scale(1); }  
    50% { transform: scale(1.1); }  
    100% { transform: scale(1); }  
}  

.froge-animate {  
    display: inline-block;  
    animation: froge-party 2s infinite;  
}