body {
                font-size: 50px;
                font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
                line-height: 1.6em;
                text-align: center;

}
h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

body.black{
    background-color: black;
    color:white;
}
body.black a{
    color:white;
}
body.black a:hover{
    color:#f60;
}
body.black header{
    border-bottom:1px solid #333;
}

body.blue{
    background-color: blue;
    color:white;
}
body.blue a{
    color:blue;
}
body.blue a:hover{
    color:white;
}
body.blue header{
    border-bottom:1px solid #FFFFFF;
}

body.red{
    background-color: red;
    color:white;
}
body.red a{
    color:red;
}
body.red a:hover{
    color:white;
}
body.red header{
    border-bottom:1px solid #FFFFFF;
}

body.green{
    background-color: green;
    color:white;
}
body.green a{
    color:green;
}
body.green a:hover{
    color:white;
}
body.green header{
    border-bottom:1px solid #FFFFFF;
}