.hidden {
    display: none;
    transform: translateX(-100%);
}

.active {
    display: block;
    transition: all 1 linear;
    background-color:rgb(30, 45, 52);
    border-radius: 5px;
    padding: 5px;
    font-weight: 700;
    text-align: center;
    color:azure;
}