/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* INDEX > ENTER
------------------------------------------------------------ */

#enter {
  position: fixed;
  bottom: 19%;
  left: 10.8%;
  width: 20%;
  height: auto;
  padding: .5%;
  border-bottom-left-radius: 1vw;
  color: #54a27e;
  font-weight: bold;
  font-size: .9vw;
  letter-spacing: -.08em;
  text-align: left;
  word-break: break-all;
}

#enter > a {
  display: block;
  margin: 0;
  padding: 5% 0 .5%;
  border-bottom-left-radius: 1vw;
  background: #000;
  color: #54a27e;
  font-size: 2vw;
  font-family: 'Press';
  text-align: right;
}

#enter > a:hover {
  color: #000;
  background: #54a27e;
}

#donot {
  position: absolute;
  top: 0;
  right: 0;
  width: 25vw;
  height: auto;
  padding: 0;
}

#donot > a {
  color: #fff;
  font-size: 1.2vw;
  font-weight: bold;
  text-decoration: underline;
}

#donot > a:hover {
  background: #54a27e;
  color: #000;
}

/* FOR PORTRAIT
------------------------------------------------------------ */

@media screen and (orientation: portrait) {

#enter {
  position: absolute;
  top: 50%;
  left: 38%;
  -webkit-transform : translateY(-50%);
  -ms-transform : translateY(-50%);
      transform : translateY(-50%);
  width: 59%;
  height: 15%;
  margin: 0;
  padding: .5%;
  color: #54a27e;
  font-weight: bold;
  font-size: 3.2vw;
  letter-spacing: -.08em;
}

#enter > a {
  padding: 10% 0 .5%;
  border-bottom-left-radius: 5vw;
  font-size: 6.2vw;
}

#donot {
  width: 96%;
  padding: 2%;
  text-align: center;
}

#donot > a {
  font-size: 4.2vw;
}

#hubbardian {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  -ms-transform : translate(-50%,-50%);
      transform : translate(-50%,-50%);
  width: 96%;
  height: 75%;
}

#hubbardian div:first-child {
  width: 17%;
}

#hubbardian div:nth-child(2) {
  width: 83%;
  height: 80%;
}

#hubbardian div:last-child {
  height: 18%;
}

#hubbardian h1 {
  font-size: 16.4vw;
  line-height: 16.4vw;
  letter-spacing: -.5vw;
}

#hubbardian div:nth-child(2) > p {
  width: 3vw;
}

#hubbardian div:nth-child(2) > p:first-child {
  margin: 0 1.5% 3%;
}

#hubbardian div:nth-child(2) > p:first-child::before {
  top: -5.5vw;
  left: -80%;
  width: 8vw;
  height: 4.5vw;
}

#hubbardian div:nth-child(2) > p:nth-child(2) {
  height: 80%;
  margin: 0 1.5% 3%;
}

#hubbardian div:nth-child(2) > p:last-child {
  width: 80%;
  height: 65%;
  margin: 0 0 3% 1.5%;
  border-bottom: solid 3vw #54a27e;
  border-left: solid 3vw #54a27e;
  border-bottom-left-radius: 5vw;
}

}