body {
  background-color: #2E2333;
  color: white;
  font-family: fantasy;
  display: flex;
  flex-direction: column;
  align-items: center;
}

:root{
  --bg-light: #513E5B;
  --accent: #ff8c00;
}

.header-block{
  font-size: 20px;
  background-color: var(--bg-light);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 60px;
}

.header-block div{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 20%;
}

.header-block .middle{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 500px;
  font-size: 20px;
}

.accent-hover{
  transition-duration: 0.2s;
}

.accent-hover:hover{
  font-size: 30px;
  color: var(--accent);
  transform: translateY(-5px);
}