/* Stylesheet for the Amphibian Lovers Page */

body {
    background-color: #a7d8de; /* A peaceful froge-friendly blue */
    color: #355e3b; /* Deep froge green */
    font-family: 'Comic Sans MS', cursive, sans-serif; /* Fun and friendly font */
}

h1, h2, h3 {
    color: #143c3c; /* Dark froge color for headings */
}

a {
    color: #50c878; /* Froge green for links */
    text-decoration: none;
}

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

button {
    background-color: #355e3b; /* Froge green */
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

button:hover {
    background-color: #50c878;
}

.froge-banner {
    width: 100%;
    height: 200px;
    background-image: url('/assets/froge_banner.svg');
    background-size: cover;
    margin-bottom: 20px;
}

.alert {
    padding: 20px;
    background-color: #e4e4e4; /* Light grey background for alert boxes */
    color: black;
    margin-bottom: 15px;
}

.alert-success {
    background-color: #dff0d8;
    color: #3c763d;
}

.alert-error {
    background-color: #f2dede;
    color: #a94442;
}