.Group{
    background-color: lime;
    border: 1px solid green;
    padding: 10px;
    margin-bottom: 10px;
    height: 300px;

    display: flex;
    gap: 10px;
}

.GroupFour,
.GroupFive,
.GroupSix{
    flex-direction: column;
}

.GroupOne{
    justify-content: start;
    align-items: start;
}

.GroupTwo{
    justify-content: center;
    align-items: center;
}

.GroupThree{
    justify-content: end;
    align-items: end;
}

.GroupFour{
    justify-content: start;
    align-items: start;
}

.GroupFive{
    justify-content: center;
    align-items: center;
}

.GroupSix{
    justify-content: end;
    align-items: end;
}

.Classmate{
    background-color: pink;
    border: 1px solid red;
    padding: 10px;
}

#Mark{
    display: flex;
    gap: 18px;
    align-self: end;
}