body {
  margin: 0;
  overflow: hidden;
}
#mainDiv, #navDiv, #rightDiv {
  position: absolute;
  box-sizing: border-box;
  border: solid transparent;
  border-top-width: 0.7vmax;
  border-bottom-width: 0.7vmax;
  border-left-width: 0.7vmax;
  border-right-width: 0.7vmax;
}
#navDiv, #rightDiv {
  border-image: url(https://gr3enie.neocities.org/images/frame.png) 12 fill;
}
#mainframe, #nav{
  width: 100%;
  height: 100%;
  mask-image: radial-gradient(#FFF, #FFF 97.5%, #000 97.5%, #000 100%);
  mask-mode: luminance;
  /*
  mask-composite: intersect;
  */
}
#player {
  width: 100%;
  height: 50%;
  mask-image: radial-gradient(#FFF, #FFF 97.5%, #000 97.5%, #000 100%);
  mask-mode: luminance;
  transform: scale(0.5);
  transform-origin: 0 0;
  width: calc(1/0.5 * 100%);
  height: calc(1/0.5 * 100%);
}
#mainDiv {
  top: 8%;
  left: 15%;
  width: 65%;
  height: 80%;
  z-index: 1;
  border-image: url(https://gr3enie.neocities.org/images/wide_frame.png) 12 fill;
}
#navDiv {
  top: 13%;
  left: .8%;
  width: 15%;
  height: 70%;
  z-index: 0;
}
#rightDiv {
  top: 13%;
  left: 79.5%;
  width: 20%;
  height: 70%;
}
#badgeDiv {
  position: absolute;
  box-sizing: border-box;
  top: 89%;
  left: 17%;
  width: 61%;
  height: 8%;
  padding: 1px;
}