body {
  margin: 0;
  padding-left: 70px;
  background: #15371e;
  color: #c98a1e;
  font-family: papyrus;
  text-align: center;
}

/* ===== MENU ===== */
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 60px;
  height: 100vh;
  background: black;
  transition: width 0.3s;
  overflow: hidden;
}

/* otevřené menu */
nav.is-open {
  width: 220px;
}

/* ===== HAMBURGER ===== */
.burger {
  color: orange;
  font-size: 40px;
  cursor: pointer;
  display: block;
  text-align: center;
  padding: 10px;
}

/* ===== LINKS ===== */
nav a {
  display: none;
  margin: 15px auto;
  width: 180px;
  padding: 10px;
  background: #c98a1e;
  color: black;
  text-decoration: none;
  border-radius: 20px;
}
nav.is-open a, nav.is-open .sysel {
  display: block;
}

/* ===== SYSEL ===== */
.sysel {
  width: 120px;
  display: none;
  position: absolute;
  bottom: 0px;
  left: -150px;
  transition: left 0.4s;
}

/* sysel vyskočí */
nav .sysel {
  left: 40px;
  animation: hop 0.6s infinite;
}

@keyframes hop {
  0% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}