html, body, input{
    margin: 0;
    padding: 0;
}
body{
    background-color: rgb(187, 182, 170);
}
.wrapper{
    width: 70rem;
    margin: 0 auto;
}
.first_describe{
    font: oblique 1.3em "Comic Sans MS", sans-serif;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}
.input_show{
    width: 0;
    height: 0;
}
.img_show{
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    width: 0;
    visibility: hidden;
    height:0;
    transition: width 1s, height 1s, transform 1s;
}
.label_item{
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    border-top: 0.1rem solid rgb(95, 95, 95);
    padding-top: 0.4rem;
    font: oblique 1.3em "Comic Sans MS", sans-serif;
    cursor: pointer;
    color:rgb(102, 102, 231);
    
}
.icon{
    visibility: hidden;
    width: 2%;
    text-align: right;
    margin-left: 98%;
    transition: all 0.5s ease;
}
input:checked ~ .label_item{
    color: black;
}
input:checked ~ label .icon{
    transform: rotate(45deg);
}
input:checked ~ label .img_show{
    visibility: visible;
    height: 100%;
    width: 22%;
}
@media (min-width: 320px) and (max-width: 820px){
    .first_describe{
        font-size: 1.7rem;
    }
    .label_item{
        font-size: 1.1rem;
    }
    .wrapper:focus-within .list_item .label_item{
        color: rgb(61, 61, 61);
    }
    .icon{
        visibility: visible;
    }
}
@media (min-width: 820px) and (max-width: 1920px){
    .first_describe{
        font-size: 1.8rem;
    }
    .label_item{
        font-size: 1.2rem;
    }
}
@media (min-width: 1920px)  {
    .wrapper:hover > .list_item > .label_item > .icon {
        visibility: visible;
    }
    .wrapper:hover > .list_item > .label_item{
        color: rgb(61, 61, 61);
    }
    .label_item:hover .icon{
        visibility: visible;
        transform: rotate(45deg);
    }
    .label_item:hover .img_show{
        visibility: visible;
        height: 100%;
        width: 22%;
    }
    .img_show:hover{
        transition: all 2s ease;
        opacity: 0.5;
    }
}