.sideBar{margin:0;padding:0;position:fixed;width:300px;height:100%;background:linear-gradient(270deg,#d3d3d3,#fff);z-index:99;transition:all .35s linear;left:-285px;top:0;display:grid;grid-template-areas:"s-nombre s-barra" "s-menu s-barra";grid-template-columns:92.5% 7.5%;grid-template-rows:7% auto;overflow:hidden}.s-nombre{grid-area:s-nombre;padding:0;margin:15px 0 0 10px;align-self:flex-start;top:15px;font-size:18px;font-family:Quicksand,sans-serif;text-transform:uppercase;letter-spacing:7px;font-weight:700}.barraNegra{grid-area:s-barra;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sideBar:hover{left:0}.s-menu-area{grid-area:s-menu;overflow-y:auto;overflow-x:hidden;height:100%;padding-right:5px}.s-menu-area::-webkit-scrollbar{width:8px}.s-menu-area::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.s-menu-area::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px}.s-menu-area::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}