.accordion {
    width: 100%;
    height: 100%;
    background: #ccc;
    cursor: pointer;
}
.accordion .item {
    height: 11%;
}


.accordion .item:first-of-type {
    background: linear-gradient(to right, rgba(80, 190, 210, 0.7),rgba(255, 255, 255, 0.9));
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.accordion .item:nth-of-type(2) {
    background: rgba(45,223,223,0.7);
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.accordion .item:nth-of-type(3) {
    background: linear-gradient(to right, rgba(80, 190, 210, 0.7),rgba(255, 255, 255, 0.9));
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.accordion .item:nth-of-type(4) {
    background: rgba(45,223,223,0.7);
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.accordion .item:nth-of-type(5) {
    background: linear-gradient(to right, rgba(80, 190, 210, 0.7),rgba(255, 255, 255, 0.9));
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.accordion .item:nth-of-type(6) {
    background: rgba(45,223,223,0.7);
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}
.accordion .item:nth-of-type(7) {
    background: linear-gradient(to right, rgba(80, 190, 210, 0.7),rgba(255, 255, 255, 0.9));
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.accordion .item:nth-of-type(8) {
    background: rgba(45,223,223,0.7);
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.accordion .item:last-of-type {
    background: linear-gradient(to right, rgba(80, 190, 210, 0.7),rgba(255, 255, 255, 0.9));
    color:black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}