.utils-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    min-width: 16%;
    max-width: 20%;
    margin: 0 1vw;
}
.utils-wrapper label{
    color: #fff;
    font-size: 1.2em;
    user-select: none;
}

.utils-wrapper button.changer {
    width: 80%;
    border: none;
    cursor: pointer;
    color: #000000;
    background-color: #ffffff;
    transition: all .2s ease-in-out;
    padding: 0.5vw 1vw;
    font-size: 2em;
    border-radius: 12px;
    margin: 0.5vw;
    font-family: 'Lexend';
}

.utils-wrapper button.changer:hover {
    background-color: #ccc;
}

.utils {
    display: flex;
    flex-direction: column;
    align-items: center;
    height:fit-content;
    background:linear-gradient(180deg, #4f776e 0%, #665584 100%);
    padding: 1vh 0;
    border-radius: 12px;
    position: relative;
}

.utils .tuto{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    color:white;
    padding: 1vh 1vw 0vh 1vh;
}
.utils .tuto strong{
    font-size: 1.3em;
    margin: 1vh 0;
}
.utils .tuto p{
    font-size: 1.1em;
    margin: 0 0 1vh 0;
}
.tuto ul{
    list-style-type: decimal;
    padding: 0 0 0 1.2vw;
    margin: .5vh 0 0 0;
    width: 100%;
}
.tuto ul li{
    font-size: 1.1em;
    margin: 0.5vh 0;
}