.categories{left:100px;position:fixed;top:50vh;transform:translateY(-50%);z-index:10}.categories ul{list-style:none;margin:0;padding:0}.categories ul li{padding:10px 0}.categories ul li a{color:#0d0d0d;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease;white-space:nowrap}.categories ul li a:hover,.categories__selected{opacity:.5}@media(max-width:1200px){.categories{display:none}.categories--works{display:block}}@media(max-width:800px){.categories{left:0;margin:0 10%;position:absolute;top:50%;transform:translateY(-50%)}}