.clearfix:before, .clearfix:after { content: ""; display: block; visibility:hidden;}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.warp {
    width: 100%;
    margin: auto;}
body {
    height: 100vh;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: transparent;
    text-align: center;
}
.CHeader{
    margin-bottom: 10px;
    padding: 10px 0 20px;
    border-bottom: 1px solid #ddd;
}
h1.CHeader__title a {
    margin: 10px auto;
    font-size: 40px;
    color: red;
    font-family: sans-serif;
}
p.CHeader__description{
    font-size: 20px;
    color: black;
}
span.header{
    color: green;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.4;
}
a.ranking-text{
    font-family: cursive;
    font-size:30px;
}