@media (max-width: 1200px){
    .sidebar{
        position: fixed;
        left: 0;
        bottom: 0;
        top: 55px;
        width: 80px;
        background-color: white;
        z-index: 200;
        padding-top: 5px;
    }
    .sidebar-link{
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
    }
    
    .sidebar-link:hover{
        background-color: lightgray;
    }
    .sidebar-icon{
        height: 24px;
        width: 24px;
        margin-bottom: 5px;
    }
    .sidebar-link div{
        font-family: Roboto, Arial;
        font-size: 10px;
        
    }
}
@media (min-width:1200.1px){
    .sidebar{
        position: fixed;
        left: 0;
        bottom: 0;
        top: 55px;
        width: 240px;
        background-color: white;
        z-index: 200;
        padding-top: 13px;
    }
    .sidebar-link{
        display: flex;
        align-items: center;
        cursor: pointer;
        padding: 8px 24px;
    }
    
    .sidebar-link:hover{
        background-color: lightgray;
    }
    .sidebar-icon{
        height: 24px;
        margin-right: 24px;
    }
    .sidebar-link div{
        font-family: Roboto, Arial;
        font-size: 14px;
        
    }
}