body {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#bgvideo {
  /*-o-object-fit: fill;*/
  top: 0vmax;
  /*object-fit:fill;*/
  position: fixed;
  left: 0vmax;
  width: 144vmax;
  height: 81vmax;
  /*min-width: 100vw;
  min-height: 100vh;*/
  z-index: -1;
  vertical-align: middle;
  text-align: center;
}

.star4 {
  background-color: #000;
  height: 100vmin;
  width: 100vmin;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 30vw;
  animation: r4-data-v-04ebe0d3 60s steps(60) infinite;
  margin-left: auto;
  margin-right: auto;
}

.sticon {
  background-color: #000;
  height: 65vmin;
  width: 65vmin;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.monme {
  margin-bottom: 3rem;
  margin-top: 3rem;
  margin-right: .5rem;
  margin-left: .5rem;
  text-align: center;
  font-family: M PLUS Rounded 1c,sans-serif;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,
              -1px 1px 0 #fff,1px -1px 0 #fff,
                 0 1px 0 #fff,0-1px 0 #fff,
                -1px 0 0 #fff,1px 0 0 #fff;
}

.title,.locate {
  color: #2e8b57;
  font-size: 1.2rem;
}

.w3w {
  color: #2e8b57;
  font-size: 0.9rem;
}

.author, .debug, .tensai {
  color: navy;
  font-size: 1.5rem;
}

.yusha {
  color: yellow;
  font-size: 1.5rem;
}

.staff {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #000;
  font-size: 2rem;
  text-align: center;
  font-family: M PLUS Rounded 1c,sans-serif;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,0-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff;
  font-size: 1.5rem;
}

.gmtitle {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #dc143c;
  text-align: center;
  font-family: M PLUS Rounded 1c,sans-serif;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff, 1px -1px 0 #fff,0 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff,1px 0 0 #fff;
  font-size: 3rem;
}

.role {
  margin-top: 0;
  margin-bottom: 1rem;
  color: #dc143c;
  text-align: center;
  font-family: M PLUS Rounded 1c,sans-serif;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff;
  font-size: 1.5rem;
}

.message {
  height: 100vh;
  width: 100vw;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #000;
  font-size: 3rem;
  text-align: center;
  text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,0-1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff;
}