* {
  border: 1px dashed red;
}

.grid-container > * {
  border: 2px solid green;
}

.grid-container {
  display: grid;
  grid-gap: 15px;
    width: 1000px;
  font-family: 游明朝体;
  font-color: #000000;
  color: black;
  background: white;
  grid-template-columns: 550px 137px 200px;
  margin: 0 auto;
  /*   border: 1px solid red; */
}

.one {
  grid-row: 1;
  grid-column: span 2;
}

h1 {
  font-size: 800px;
  text-shadow: -15px 10px #8e24cc;
  margin: -110px;
}

.two {
  /*   grid-row: 1; */
  /*   grid-column: ; */
  padding: 0;
  overflow: hidden;
}

.two p {
  transform: rotate(-90deg);
  width: 800px;
  height: 700px;
  margin-top: 100px;
  margin-left: -50px;
  padding: 0;
}

.three {
  grid-column: 1;
  font-size: 13px;
}

.four {
  grid-column: span 2;
  /*   grid-row: ; */

  /*   width: 400px; */
}

.four p {
  background: #8e24cc;
  font-size: 115px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  /*   line-height: 0px; */
}

.five {
  text-align: left;
  font-size: 100px;
}

.six {
  text-align: right;
  grid-column: span 3;
  font-size: 15px;
}

.seven {
  grid-column: span 3;
  text-align: right;
  font-size: 15px;
  /*    margin: -50px;  */
}

.eight {
  grid-column: span 3;
  text-align: right;
  font-size: 60px;
  height: 400px;
  background: url('http://robison.fsartanddesign.org/fall2018/GD50/imgs/sayo-type.gif') no-repeat;
    background-size: 100%;
  /*   margin: -90px ; */
}

.fonts {
  display: inline-block;
  vertical-align: top;
  margin:0;
}

.type2 {
  width: 85%;
  text-align: right;
  margin-top: -200px;
}