.sidebar{position:fixed;top:100px;left:0;bottom:0;width:250px;height:100vh;overflow-y:auto;background:var(--secondary);transition:.5s;z-index:999}.content{margin-left:250px;min-height:100vh;background:var(--dark);transition:.5s}@media (min-width:992px){.sidebar{margin-left:0}.sidebar.open{margin-left:-250px}.content{width:calc(100% - 250px)}.content.open{width:100%;margin-left:0}}@media (max-width:991.98px){.sidebar{margin-left:-250px}.sidebar.open{margin-left:0}.content{width:100%;margin-left:0}}