.flex-col {
    display: flex;
    flex-direction: column;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.col-two {
    grid-template-columns: 50% 48%; /* antes era auto auto, mas meio a meio fica melhor */
}

.col-three {
    grid-template-columns: auto auto auto;
}

.row-two {
    grid-template-rows: auto auto;
}

.row-three {
    grid-template-rows: auto auto auto;
}

.gap { /* eu n consigo ler isso sem pensar na candy falando "tome gap", vai tomar no c */
    gap: 5px;

}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-end{
    align-self: flex-end;
}

.flex-metadinha{
    flex-basis: 50%;
}

.flex-baseline{
    align-items: center;
    align-content: center;
}

.space-between{
    justify-content: space-between;
}
.space-around{
     justify-content: space-around;
}