body{margin:0;overflow:hidden}.sidebar{display:flex;justify-content:left;align-items:center;opacity:.9;float:left;width:30%;height:100%;background-color:#3a0a9b;transition:1s ease;position:absolute}.sidebar_collapse{opacity:.5;background-color:#3a0a9b;width:1%}.sidebar nav ul{display:flex;position:relative}.sidebar nav ul li{display:block;color:#fff;vertical-align:middle;position:relative}.sidebar nav ul li a{color:#a6a0a0;font-size:32px;display:table-cell;position:relative}#chevron_Left{transition-duration:1s;font-size:x-large}.chevron_Right{transition-duration:1s;font-size:x-large;rotate:y 180deg}#sidebarCollapseButton{display:flex;justify-content:center;align-items:center;position:relative;border-radius:50%;box-shadow:0 1px 4px 1px #0000004d;left:100%;width:32px;height:32px;transform:translate(-50%);top:20px;cursor:pointer}#sidebarCollapseButton_collapsed{position:relative;box-shadow:0 1px 4px 1px #0000004d;top:10px;cursor:pointer}#sidebarCollapseButton:hover{box-shadow:0 5px 5px #0000004c,0 5px 5px #0000004c}