body {  
    font-family: 'Raleway', sans-serif;  
    background-color: #f0f8ff;  
    margin: 0;  
    padding: 0;  
    color: #333;  
}

h1, h2, h3 {  
    color: #2e8b57;  
    text-align: center;  
}

a {  
    text-decoration: none;  
    color: #00ced1;  
}

a:hover {  
    text-decoration: underline;  
}

.froge-container {  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
    padding: 20px;  
}

.froge-emoji {  
    font-size: 5em;  
    margin: 20px 0;  
}

.navbar {  
    background-color: #98fb98;  
    padding: 10px 20px;  
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);  
    display: flex;  
    justify-content: center;  
    align-items: center;  
}

.navbar a {  
    margin: 0 15px;  
    color: #2e8b57;  
    font-weight: bold;  
}

.button {  
    background-color: #66cdaa;  
    color: white;  
    border: none;  
    padding: 10px 20px;  
    border-radius: 5px;  
    cursor: pointer;  
}

.button:hover {  
    background-color: #3cb371;  
}