:root {
    --black: #000000;
    --white: #FFFFFF;
    --red: #F71960;
    --background: #5D5D6A;
}

body {
    background-color: var(--background);
    color: var(--white);
    text-shadow: 2.2px 2.2px var(--black);
    font-family: "Meiryo", "IPAexGothic", "Noto Sans JP", "Noto Sans CJK JP";
    width: 400px;
    height: 340px;
    margin: 0;
    padding: 0;
}

header img {
    width: 100%;
    image-rendering: crisp-edges;
}

main {
    font-size: small;
    margin-left: 10px;
    margin-right: 10px;
}

footer {
    display: flex;
    justify-content: flex-end;
    margin-left: 10px;
    margin-right: 10px;
}

footer button {
    background-color: var(--background);
    border-bottom: 2px solid var(--black);
    border-right: 2px solid var(--black);
    border-top: 2px solid var(--white);
    border-left: 2px solid var(--white);
    padding: 3px;
    padding-left: 22px;
    padding-right: 22px;
}

footer button:active {
    border-bottom: 2px solid var(--white);
    border-right: 2px solid var(--white);
    border-top: 2px solid var(--black);
    border-left: 2px solid var(--black);
}

.title {
    color: var(--red);
    font-family: "Noto Sans JP Black", "Noto Sans CJK JP Black";
}

.webver-text {
    margin-top: 40px;
}

.webver-ref {
    margin-left: 30px;
}