#styled-section {
    text-align: center;
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #FFA036;
    width: 550px;
    margin: auto;
    padding: 30px;
    font-family: "Kosugi Maru", sans-serif;
    color: #FFA036;
    background-color: #f2f2f2;
}
.color-loop {
    animation: colorChange 2.5s infinite linear;
}
/* animation of text, the colors of miso */
@keyframes colorChange {
    0% {color: #9E7951;}
    33% {color: #FFA036;}
    66% {color: #E3CCAF;}
    100% {color: #B07121;}
}
/* hover to transform bigger image*/
.cat-miso {
    transition: transform 0.5s ease;
}
.cat-miso:hover {
    transform: scale(1.5);
}
#treat
{
    display: none;
}
.button {
    display: inline-block;
    padding: 10px 20px;
    background: #FFA036;
    color: white;
}
.hidden-text {
    display: none;
    margin-top: 15px;
}
#treat:checked + .button + .hidden-text {
    display: block;
}