body{
    text-align: center;
}

header {
    display: flex;
    justify-content: center;
    background-color: #888;
}

.poop{
    font-size: 3rem;
}
.jump{
    animation: jump 1s linear infinite;
}
@keyframes jump{
    0%{transform: translateY(0px);}
    60%{transform: translateY(-10px);}
    100%{transform: translateY(0px);}
}

.counterArea{
    overflow: hidden;
    border-style: none;
    height: 3rem;
}

h2{
    text-align: center;
}

.mama{
    display: flex;
}

.hoge{
    background-color: pink;
    margin-left: auto;
    margin-right: 16;
}
.huga{
    background-color: royalblue;
    margin-left: 16;
    margin-right: auto;
}

.sushi{
    text-align: center;
    font-size: 3rem;
}

.rotate{
    display: inline-block;
    animation: rotate-anim 2s linear infinite;
}
@keyframes rotate-anim{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.piyo{
    font-size: 50px;
    text-align: center;
    animation: rainbow 10s linear 0s infinite;
}
@keyframes rainbow{
    0%{
        color: hsl(0, 100%, 50%);
    }
    10%{
        color: hsl(36, 100%, 50%);
    }
    20%{
        color: hsl(72, 100%, 50%);
    }
    30%{
        color: hsl(108, 100%, 50%);
    }
    40%{
        color: hsl(144, 100%, 50%);
    }
    50%{
        color: hsl(180, 100%, 50%);
    }
    60%{
        color: hsl(216, 100%, 50%);
    }
    70%{
        color: hsl(252, 100%, 50%);
    }
    80%{
        color: hsl(288, 100%, 50%);
    }
    90%{
        color: hsl(324, 100%, 50%);
    }
    100%{
        color: hsl(360, 100%, 50%);
    }
}

h1 {
    color: aqua;
}