/* SHIMAPAN title */ .sidebar-title { grid-row-start: 1; grid-row-end: 1; place-self: center; cursor: pointer; display: flex; justify-content: center; align-items: center; width: 200px; height: 60px; /*border-bottom: 1px solid #999;*/ } .sidebar-title span { color: #2a9fd6; font-size: 20px; text-transform: uppercase; letter-spacing: 6px; } /* Nav Container */ .sidebar { grid-row-start: 2; grid-row-end: 2; } /* Nav Elements */ .nav li { cursor: pointer; display: flex; align-items: center; } .nav li a { flex: 1; outline: none; padding: 20px 0 20px; margin-left: 20px; font-size: 14px; color: #666; text-decoration: none; } .nav li span { background: #0d0d0d; width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 20px; } .nav-icon { font: 14px fontawesome; color: #fff; } .nav li a:hover { color: #fff; } .nav li a.active { color: #fff; } /* Prevent annoying outline on firefox */ ::-moz-focus-inner {border: 0;}