.layout
{
    min-height: 90vh;
    min-height: 90dvh;
    max-height: 90vh;
    max-height: 90dvh;
    min-width: 80vw;
    min-width: 80dvw;
    max-width: 80vw;
    max-width: 80dvw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    background-color: black;
}

.layout__proyects-side-bar
{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 2vh 2vh;
    padding: 2dvh 2dvh;
    gap: 3vh;
    border-right: 0.2vw solid red;
    border-left: 0.2vw solid red;
}

.layout__main-content
{
    flex: 4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2vh 2vh;
    padding: 2dvh 2dvh;
    gap: 3vh;
}