body{
  font-family: "Noto Serif JP", serif;
  margin: 0;
  padding: 0;
}

.wrapper {
  position: absolute;
  margin-right: 300px;
  width: calc(100% - 300px);
  height: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #06402bda 40%, #1a4525d5 80%, #074e07d0 100%);
}

h2{
  font-family: "Noto Serif JP", serif;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 50px;
  font-weight: bold;
  color: #c9c4b8;
  margin: 0;
  text-transform: uppercase;
}

.slide {
  text-align: center;
  margin: 0;
  padding-top: 50px;
  box-sizing: border-box;
  height: 100%;
  width: 300px;
  position: absolute;
  right:0;
  transition: 0.5s, ease;
  background: #cac7c11e;
  font-size: 30px;
  text-transform: uppercase;
  color: #c9c4b8;
}

a:link {
  font-size: 25px;
  color: #c9c4b8;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}

a:visited {
  color: #c9c4b8 !important;
  text-decoration: none;
}

.sidetitle {
font-weight: bold;
font-size: 40px;
}

.slide ul {
  padding-top: 50px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.slide li {
  margin-bottom: 10px;;
}

.langselector {
  padding-left: 15px;
  padding-top: 5px;
  font-size: 20px !important;
  color: #c9c4b8;
}