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

h1 {
    color: #006600;
    text-shadow: 2px 2px #707070;
}

a {
    color: #0044cc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.froge {
    background-image: url("/images/froge.svg");
    background-size: cover;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
}

@media screen and (max-width: 600px) {
    body {
        background-color: #e0ffee;
    }

    h1 {
        font-size: 1.5em;
    }
}