html {
    background-image: url(/ho.webp);
    font-family: "Hiragino Maru Gothic Pro", "Hiragino Kaku Gothic Pro", "HGMaruGothicMPRO", "UD Digi Kyokasho N-R", Meiryo, Osaka, "MS PGothic", sans-serif;
}

h1,.cen {
    text-align: center;
}

h2 {
    border: solid 1px #10f;
    padding: 0.2em;
    background-color: #0ff;
}

main {
    border: solid 1px #333;
    margin: 20px 50px;
    padding: 20px 8px;
    background-color: #fff;
    box-shadow: 2px 4px 3px #333;
}

a {
    color: #040;
}

.btn {
    color: #000;
    box-shadow: 2px 4px 3px #333;
    text-align: center;
    border: solid 1px #000;
    padding: 10px 28px;
    margin: 10px 28px;
    background: url(/s.webp);
}

.btn:hover {
    background: #1f0;
    box-shadow: none;
}

@media screen and (max-width: 479px) {
    main {
        margin: 10px 20px;
        padding: 13px 10px;
    }

    .btn {
        padding: 5px 10px;
        margin: 5px 8px;
    }

    footer {
        font-size: 0.7em;
    }
}