.spe{
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    gap: 0.5rem;
}

.spe span{
    border: solid 1px #eee;
    height: 1.9rem;
    text-align: center;
    line-height: 1.9rem;
    font-size: 1rem;
    cursor: pointer;
    word-wrap: break-word;
    color: #526484;
}

.spe span:hover{
    color: #00b277;
    border: solid 1px #00b277;
}

.night .spe span{
    border: 1px solid #444;
    color: #ddd;
}

fieldset{
    margin: 0 0 1rem 0;
}

/**************************************************************/

@media screen and (max-width: 1700px){
    .spe{
        display: grid;
        grid-template-columns: repeat(18, 1fr);
    }
}

@media screen and (max-width: 1500px){
    .spe{
        display: grid;
        grid-template-columns: repeat(16, 1fr);
    }
}

@media screen and (max-width: 1400px){
    .spe{
        display: grid;
        grid-template-columns: repeat(14, 1fr);
    }
}

@media screen and (max-width: 1200px){
    .spe{
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }
}

@media screen and (max-width: 1100px){
    .spe{
        display: grid;
        grid-template-columns: repeat(10, 1fr);
    }
}

@media screen and (max-width: 1000px){
    .spe{
        display: grid;
        grid-template-columns: repeat(8, 1fr);
    }
}

@media screen and (max-width: 886px){
    .spe{
        display: grid;
        grid-template-columns: repeat(10, 1fr);
    }
}

@media screen and (max-width: 700px){
    .spe{
        display: grid;
        grid-template-columns: repeat(8, 1fr);
    }
}

@media screen and (max-width: 590px){
    .spe{
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
}

@media screen and (max-width: 390px){
    .spe{
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 360px){
    .spe{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 300px){
    .spe{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}