body {
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin: 0;
    font-size: 10px; 
   
}
#pozadi {
   font-family: MS Gothic;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  color: #392a0d;
  background: url(brambles.gif);
  width: 100%;
  background-size: cover;
}

#content {
  cursor: url(http://www.rw-designer.com/cursor-extern.php?id=190625);
  background-size: cover;
    font-family: MS Gothic;
align-self: flex-start;
}

hr {
  border: none;
  border-bottom: dashed 1px #392a0d;
}

#box {
padding: 1em;
background: #d9c9a8;
border: solid 1px #392a0d;
box-shadow: 5px 5px 0px #392a0d;
}

.book {
  height: 80px;
  transform: rotate(-2deg);
border: solid 1px #392a0d;
box-shadow: 2px 2px 0px #392a0d;
}

.tiny {
  height: 10px
}

#books {
  padding: 5px;
}

#books #list{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

#books #list div {
    display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}


  body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=190625);}
  #obsah {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  gap: 1em;
  }
  .menu {height: 40vh;}
  .gizka { position: fixed; right: 9vw; bottom: 12vh; transform: rotate(20deg); } 
  .gizka:hover { transform: rotate(-20deg); transition: 1s; }
  #ipod { transform: rotate(-20deg); display: none; }
  .profilovka { transform: rotate(-2deg);
height: 100px;
border: solid 1px #392a0d;
box-shadow: 2px 2px 0px #392a0d;
}