#logo_text,
#menu-toggle
{
  position: fixed;
  transition: transform 0.5s ease;
  left: calc(50vw - (158px/2));
  top: calc(50vh - (360px/2));
  height: 360px;
  width: 158px;
}

#menu-toggle
{
  cursor: pointer;
  z-index: 99;
  opacity: 0;
}

#logo_text 
{
  border: 5px solid #DFDFDF;
  writing-mode: vertical-rl;
  font-size: 110px;
  color: #DFDFDF;
  padding: 10px;
  z-index: 98;
}

#menu
{
  position: fixed;
  transition: transform 0.3s ease, opacity 0.3s ease;
  left: calc(50vw - (242px/2));
  top: calc(50vh - (360px/2));
  flex-direction: column;
  word-wrap: break-word;
  font-size: 18px;
  display: flex;
  padding: 15px;
  height: 360px;
  width: 242px;
  z-index: 97;
  opacity: 0;
}

#menu-toggle:checked,
#menu-toggle:checked ~ #logo_text 
{
  transform: translateX(-121px);
}

#menu-toggle:checked ~ #menu
{
  transform: translateX(79px);
  opacity: 1;
}