JSFiddle - React, Tailwind, and code Playground

HTML

<h1><a href="/" class="logo">Logo</a></h1>
<div class="leftblock">
<ul>
  <li><a href="/biography" class="genre">Биография</a></li>
      <li><a href="/smash-hit" class="genre">Боевик</a></li>
      <li><a href="/military" class="genre">военный</a></li>
      <li><a href="/detective" class="genre">Детектив</a></li>
      <li><a href="/documentary" class="genre">Документальный</a></li>
      <li><a href="/drama" class="genre">Драма</a></li>
  <li><a href="/historical" class="genre">Исторический</a></li>
      <li><a href="/historys" class="genre">История</a></li>
      <li><a href="/comedy" class="genre">Комедия</a></li>
      <li><a href="/western" class="genre">Вестерн</a></li>
      <li><a href="/crime" class="genre">Криминал</a></li>
      <li><a href="/cartoon" class="genre">Мултфильмы</a></li>
      <li><a href="/melodrama" class="genre">Мелодрама</a></li>
      <li><a href="/adventures" class="genre">Приключения</a></li>
      <li><a href="/triller" class="genre">Триллер</a></li>
      <li><a href="/horror" class="genre">Ужасы</a></li>
      <li><a href="/fantasy" class="genre">Фантастика</a></li>
      <li><a href="/funtasy" class="genre">Фентези</a></li>
      <li><a href="/musical" class="genre">Мюзикл</a></li>
      <li><a href="/music" class="genre">Музыка</a></li>
      <li><a href="/family" class="genre">Семейный</a></li>
      <li><a href="/sport" class="genre">Спорт</a></li>
      <li><a href="/short" class="genre">Короткометражка</a></li>
      <li><a href="/trailer" class="genre">Трейлеры</a></li>
    </ul>
  </div>

CSS

body{
  margin:0;
  padding:0;
  overflow-x:hidden;
}
a{
  text-decoration:none;
}
h1{
  width:280px;
  position:fixed;
  background: #272E37;
  border:3px solid #222;
  text-align: center;
  padding:10px;
  top:0;
  margin:0;
}
ul{
    margin-left:0px;
    padding-left:0px;
}
.leftblock {
    background: none repeat scroll 0 0 #272E37;
    margin-top: 64px;
    overflow-y: scroll;
    width: 310px;
}
li{
    list-style-type: none;
    padding: 15px;
    font-size:100%;
    font-family: Arial;
    color:#fff;
}
li:hover{
    background: rgba(255,248,213,0.1);
    opacity: 0.9;
    color:#FFF;
}
.genre{
  color:#fff;
}
.logo{
  font-family:Arial;
  color: #fff;
}
.logo:hover{
  opacity:0.6;
}