*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    min-height: 100%;
    font-size: 62.5%;
}

body {
    font-family: sans-serif;
    background: #ffffff;
    padding: 0;
    min-height: 100%;
    max-width: 1000px;
    margin: 0 auto;
    font-size: 1.6rem;
}


/* Header */

.headerimg {
    margin-top: 1rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #0000009d;
    width: 100%;
}

.headerTitle {
    background: linear-gradient(#fff3d3, #ebff92);
    box-shadow: 2px 3px 12px #ebff92;
    text-align: center;
    font-size: 2.2rem;
    color: #005c05;
    text-shadow: 3px 3px 4px #fff;
    padding: 1rem;
    border-radius: 3rem;
    font-weight: 600;
    margin: auto 1rem;
}


/* Fonts */

.center {
    text-align: center;
    padding: 0.5rem 0;
}

.kuroi {
    font-family: sans-serif;
    margin: 0 2rem;
    font-size: 1.5rem;
    color: #000000;
}

.akai {
    font-family: sans-serif;
    margin: 0 1rem;
    font-size: 1.6rem;
    color: #ff0808;
    font-weight: 700;
}

.infohead {
    margin: 1rem 0;
    padding: 0.5rem 0;
    background: linear-gradient(#ffe1e1, #ffa4a4);
    text-align: center;
    font-size: 2rem;
    color: #f00000;
    text-shadow: 3px 3px 4px #fff;
    border-radius: 3rem;
    font-weight: 600;
    margin: 2rem 1rem;
}

.higlight1 {
    margin: 1rem auto;
    text-align: center;
    font-size: 1.8rem;
    background: -webkit-linear-gradient(180deg, #7e2104, #ff0808);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.higlight2 {
    margin: 1rem auto;
    text-align: center;
    font-size: 1.8rem;
    background: linear-gradient(90deg, #5d9628, #00873d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.higlight3 {
    margin: 1rem auto;
    text-align: center;
    font-size: 2rem;
    color: #0821ff;
    font-weight: 600;
}

.chuui {
    text-align: left;
    background: transparent;
    color: #ff0808;
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 0;
    animation-name: chuui;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes chuui {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

.chuuiText {
    font-family: sans-serif;
    padding: 0 0.5rem;
    font-size: 1.3rem;
    color: #690000;
    font-weight: 500;
}

.purastaff {
    text-align: right;
    margin-right: 5rem;
    font-size: 2rem;
    color: #000000;
    font-weight: bold;
}

.infoTab {
    background: linear-gradient(90deg, #000 50%, #000 50%);
    background-size: 100% 10%;
    margin: 3rem 1rem;
}


/*Rumors*/

.rumors {
    background: linear-gradient( #ffffff, #3ec8ff4b);
    padding: 3rem 0;
}


/* Points */

.pointimgdiv {
    display: flex;
    flex-direction: column;
}

.pointimg {
    height: 30px;
}

.pointNumber {
    margin: 0 1rem;
    font-size: 2rem;
    color: #0821ff;
    font-weight: 900;
}

.pointName {
    margin: 0 1rem;
    font-size: 2rem;
    color: #000;
    font-weight: 700;
}

.points {
    padding: 1rem 0;
    display: flex;
    align-content: center;
    justify-content: center;
}

.point {
    margin: 0 1rem;
    font-size: 2rem;
    color: #ff0808;
    font-weight: 700;
}

.we400 {
    font-weight: 400!important;
}


/* Responsive */

@media (min-width:768px) {
    .headerimg {
        width: 80%;
    }
    .headerTitle {
        font-size: 3rem;
    }
    .kuroi,
    .akai,
    .aoi,
    .midori {
        font-size: 1.8rem;
    }
    .higlightAkai,
    .higlightAoi,
    .higlightMidori {
        font-size: 2rem;
    }
    .hizuke,
    .akaiTitle,
    .aoiTitle,
    .midoriTitle {
        font-size: 3rem;
    }
    .chuuiText {
        font-size: 1.5rem;
    }
}