.sideNav{
    width: 230px;
    height:100%;
    background-color: var(--color1);
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
}

.mainTitle{
    height: 15vh;
    width: calc(100vw - 230px);
    margin-left: 230px;
    display: flex;
    align-items: end;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
}

.mainContent{
    width: calc(100vw - 230px);
    margin-left: 230px;
    overflow: auto;
}

.subtitle{
    height: 7vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.filters{
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content1{ /*content with filters and subtitle*/    
    height: 61vh;
    position: relative;
}