/* --------------students------------ */

.students {
    display: none;
    justify-content: center;
    top: 0;
    gap: 40px;

}


/* --------------add------------ */
.students__add {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 25px;
    justify-content: center;
    align-items: center;
    background-color: #FFCCCC;
    border-radius: 8px;
    height: 100%;
}


.students__add-name,
.students__add-surname,
.students__add-number {
    padding: 18px 14px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 6px;
    border: 3px solid black;
}

.students__add-btn {
    padding: 18px 14px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 6px;
  
    background-color: white;
    /* opacity: 1; */

    &:hover {
        opacity: 0.7;
        cursor: pointer
    }

    &:active {
        opacity: 0.9;
    }
}









/* --------------actual------------ */

.students__actual {
    background-color: #FFCCCC;
    display: flex;
    flex-direction: column;
    padding: 25px;
    border-radius: 8px;
    height: 100%;
    gap: 15px;

}

.students__actual-wr {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    border: 3px solid black;
    padding:  10px 14px;
}

.students__actual-del {
    padding: 2px;
    font-weight: 700;
    border-radius: 6px;
    background-color: #FFCCCC;

    &:hover {
        opacity: 0.7;
        cursor: pointer
    }

    &:active {
        opacity: 0.9;
    }
}