@charset "UTF-8";
@keyframes animation-positiveX {
  to {
    background-position-x: 200%;
  }
}

@keyframes animation-negativeX {
  to {
    background-position-x: -200%;
  }
}

@keyframes marquee {
  from {
    transform: translate(0%);
  }
  99%, to {
    transform: translate(-100%);
  }
}

html {
  font-size: 10px;
  font-family: Meiryo;
}

body {
  background: #000;
}

.header {
  width: 100%;
  height: 14rem;
}

.header .header__title {
  display: block;
  width: 50rem;
  height: 100%;
  text-decoration: none;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .header__title:hover {
  opacity: .5;
}

.header .header__title-text {
  margin: 0;
  font-size: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: animation-positiveX 4s linear infinite;
}

.header .header__hamburger {
  display: none;
}

@media screen and (max-width: 48rem) {
  .header {
    width: 100%;
    height: 14rem;
  }
  .header .header__title {
    width: 100%;
  }
  .header .header__hamburger {
    display: block;
    position: relative;
  }
  .header .header__unshown {
    display: none;
  }
  .header #hamburgerOpen {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
    position: fixed;
    top: 1.2rem;
    left: 0.8rem;
  }
  .header #hamburgerOpen span,
  .header #hamburgerOpen span:before,
  .header #hamburgerOpen span:after {
    position: absolute;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
    animation: animation-negativeX 4s linear infinite;
    display: block;
    content: '';
    cursor: pointer;
  }
  .header #hamburgerOpen span:before {
    bottom: -8px;
  }
  .header #hamburgerOpen span:after {
    bottom: -16px;
  }
  .header #hamburgerClose {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }
  .header .header__hamburger__contents {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 80%;
    max-width: 330px;
    height: 100%;
    background: #fff;
    opacity: 0.9;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
  }
  .header .header__hamburger__contents .header__hamburger__list {
    list-style-type: none;
    margin: 2rem;
  }
  .header .header__hamburger__contents .header__hamburger__list .header__hamburger__item {
    display: block;
    margin-bottom: 3rem;
    font-size: 1.8rem;
    padding-bottom: 0.3rem;
    border-bottom: 0.1rem solid #333;
  }
  .header .header__hamburger__contents .header__hamburger__list .header__hamburger__item .header__hamburger__anchor {
    text-decoration: underline;
    background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    display: inline-block;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation: animation-positiveX 4s linear infinite;
    font-weight: bold;
  }
  .header .header__hamburger__contents .header__hamburger__list .header__hamburger__item .header__hamburger__anchor:hover {
    text-decoration: none;
  }
  .header #hamburgerCheckbox:checked ~ #hamburgerClose {
    display: block;
    opacity: .5;
  }
  .header #hamburgerCheckbox:checked ~ .header__hamburger__contents {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  }
}

.gnavi .gnavi__list {
  width: 100%;
  height: 7rem;
  background: #000;
  margin: 0;
  padding-left: 0;
  text-align: center;
}

.gnavi .gnavi__list .gnavi__item {
  display: inline-block;
  width: calc(60rem / 3);
  height: 100%;
  color: #fff;
  font-size: 1.8rem;
  line-height: 7rem;
  text-decoration: underline;
}

.gnavi .gnavi__list .gnavi__item:hover, .gnavi .gnavi__list .gnavi__item.active {
  border-radius: 0.2rem;
  text-decoration: none;
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: animation-positiveX 4s linear infinite;
  width: calc(60rem / 3);
}

.gnavi .gnavi__list .gnavi__item:hover::before, .gnavi .gnavi__list .gnavi__item.active::before, .gnavi .gnavi__list .gnavi__item:hover::after, .gnavi .gnavi__list .gnavi__item.active::after {
  content: "★";
}

.gnavi .gnavi__list .gnavi__item.active {
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: animation-positiveX 4s linear infinite;
}

.gnavi .gnavi__list li.gnavi__item {
  border-left: solid 1px #333;
}

.gnavi .gnavi__list > :first-child, .gnavi .gnavi__list > :first-child li.gnavi__item {
  border-left: none !important;
}

@media screen and (max-width: 48rem) {
  .gnavi {
    display: none;
  }
}

.gaming-hr {
  width: 100%;
  height: 1.6rem;
  margin-top: 1rem;
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  animation: animation-negativeX 4s linear infinite;
}

.main-wrap {
  width: 50rem;
  height: 100%;
  min-height: 65rem;
  color: #000;
  margin: 3rem auto 1rem;
  padding: 0.2rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  animation: animation-negativeX 4s linear infinite;
}

.main-wrap .main {
  width: 49.6rem;
  min-height: 64.6rem;
  background: #eee;
  padding-bottom: 10rem;
  overflow: hidden;
}

.main-wrap .main .main__h2 {
  padding: 1rem;
  font-size: 2.8rem;
}

.main-wrap .main .main__h2.move {
  user-select: none;
  margin: 0;
  padding-left: 60rem;
  display: inline-block;
  white-space: nowrap;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

.main-wrap .main .main__h3 {
  width: 16.4rem;
  height: 5rem;
  line-height: 5rem;
  padding-left: 1.2rem;
}

.main-wrap .main .main__h3 .main__h3__anchor {
  margin: 0 0 0 1rem;
  font-size: 1.9rem;
  color: #000;
}

.main-wrap .main .main__h3 .main__h3__anchor:hover {
  text-decoration: none;
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: animation-positiveX 4s linear infinite;
}

.main-wrap .main .main__h3.natori {
  width: 16.4rem;
  display: flex;
  align-items: center;
}

.main-wrap .main .main__h3.natori::after {
  content: " ";
  display: inline-block;
  width: 5.4rem;
  height: 5.4rem;
  margin-left: 1rem;
  background: url("../../assets/img/natori.png");
}

.main-wrap .main .main__desc {
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin: 2rem 2rem;
  padding: 0;
}

.main-wrap .main .main__category-btn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.main-wrap .main .main__category-btn-anchor {
  color: #000;
  text-decoration: none;
}

.main-wrap .main .main__category-btn-anchor:hover {
  text-decoration: underline;
}

.main-wrap .main .main__category-btn {
  width: 14rem;
  height: 3rem;
  font-size: 1.2rem;
  border: 0.1rem solid #000;
  border-radius: 0.2rem;
  margin: 1rem;
  box-shadow: 0.1rem 0.1rem 0.5rem #000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-wrap .main .main__category-btn:hover {
  font-weight: bold;
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  animation: animation-positiveX 4s linear infinite;
}

.main-wrap .main .main__category {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-wrap .main .main__category .main__category__list {
  padding-left: 0;
}

.main-wrap .main .main__category .main__category__list .main__category__anchor {
  color: #fff;
}

.main-wrap .main .main__category .main__category__list .main__category__anchor:hover {
  text-decoration: none;
}

.main-wrap .main .main__category .main__category__list .main__category__item {
  width: 320px;
  min-height: 5rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  background: #222;
  margin: 0.5rem 0;
  padding: 0.7rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.main-wrap .main .main__category .main__category__list .main__category__item.attention {
  background: #eee;
  color: #f00;
  font-size: 1.8rem;
}

.main-wrap .main .main__category .main__category__list .li__desc {
  padding: 1rem;
  line-height: 1.8rem;
  display: block;
  width: 30rem;
  font-size: 1.2rem;
  margin: 0;
}

.main-wrap .main .main__info {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
  padding: 0.5rem;
  font-size: 1.4rem;
}

.main-wrap .main .main__info .main__info__heading {
  display: inline-block;
  width: 10rem;
  text-align: center;
}

.main-wrap .main .main__info .main__info__content {
  display: inline-block;
  margin-left: 1rem;
}

.main-wrap .main .main__info .main__info__desc {
  margin-right: 9%;
  margin-left: 11.4rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.main-wrap .main .main__info .main__info__desc.underline {
  padding-bottom: 1.4rem;
  border-bottom: solid 1px #888;
}

.main-wrap .main .main__back, .main-wrap .main .main__back--top, .main-wrap .main .main__back--bottom {
  display: block;
  width: 120px;
  min-height: 25px;
  line-height: 25px;
  color: #fff;
  background: #33f;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
}

.main-wrap .main .main__back:hover, .main-wrap .main .main__back--top:hover, .main-wrap .main .main__back--bottom:hover {
  text-decoration: underline;
}

.main-wrap .main .main__back--top {
  float: right;
  margin-right: 20px;
  position: relative;
  top: -10px;
}

.main-wrap .main .main__back--bottom {
  margin: 30px auto 0;
}

.main-wrap .main .main__date, .main-wrap .main .main__date--create, .main-wrap .main .main__date--update {
  font-size: 12px;
  margin: 10px 0 0 12px;
}

.main-wrap .main .main__p, .main-wrap .main .main__p--normal, .main-wrap .main .main__p--bottom, .main-wrap .main .main__p--under-heading, .main-wrap .main .main__p--under-heading--bottom {
  font-size: 14px;
  line-height: 20px;
}

.main-wrap .main .main__p img, .main-wrap .main .main__p--normal img, .main-wrap .main .main__p--bottom img, .main-wrap .main .main__p--under-heading img, .main-wrap .main .main__p--under-heading--bottom img {
  width: 100%;
}

.main-wrap .main .main__p--normal {
  margin: 40px 15px 0 15px;
}

.main-wrap .main .main__p--bottom {
  margin: 40px 15px 40px 15px;
}

.main-wrap .main .main__p--under-heading {
  margin: 20px 15px 0 15px;
}

.main-wrap .main .main__p--under-heading--bottom {
  margin: 20px 15px 40px 15px;
}

.main-wrap .main .main__h3--article {
  width: 95% !important;
  height: auto !important;
  display: block !important;
  margin: 20px 0 20px 10px !important;
  padding: 0 5px !important;
  font-size: 1.7rem !important;
}

.main-wrap--large {
  width: 75rem;
}

.main-wrap--large .main {
  width: 74.6rem;
}

@media screen and (max-width: 48rem) {
  .base {
    width: 100%;
  }
  .main-wrap {
    width: 95%;
  }
  .main-wrap .main {
    width: calc(100% - 0.4rem);
  }
  .main-wrap .main__desc {
    font-size: 1.3rem !important;
    line-height: 2.4rem;
    margin: 1rem 2rem 0.5rem;
  }
  .main-wrap .main__info .main__info__desc {
    margin-right: 1.8rem;
  }
  .main-wrap .main__back--top {
    display: none !important;
  }
  .main-wrap .main__h3--article {
    width: 345px !important;
  }
}

.copyright {
  height: 1rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mt-1 {
  margin-top: 1px;
}

.mt-2 {
  margin-top: 2px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-6 {
  margin-top: 6px;
}

.mt-7 {
  margin-top: 7px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-9 {
  margin-top: 9px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-11 {
  margin-top: 11px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-13 {
  margin-top: 13px;
}

.mt-14 {
  margin-top: 14px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-17 {
  margin-top: 17px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-19 {
  margin-top: 19px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-21 {
  margin-top: 21px;
}

.mt-22 {
  margin-top: 22px;
}

.mt-23 {
  margin-top: 23px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-26 {
  margin-top: 26px;
}

.mt-27 {
  margin-top: 27px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-29 {
  margin-top: 29px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-31 {
  margin-top: 31px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-33 {
  margin-top: 33px;
}

.mt-34 {
  margin-top: 34px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-37 {
  margin-top: 37px;
}

.mt-38 {
  margin-top: 38px;
}

.mt-39 {
  margin-top: 39px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-41 {
  margin-top: 41px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-43 {
  margin-top: 43px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-46 {
  margin-top: 46px;
}

.mt-47 {
  margin-top: 47px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-49 {
  margin-top: 49px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-51 {
  margin-top: 51px;
}

.mt-52 {
  margin-top: 52px;
}

.mt-53 {
  margin-top: 53px;
}

.mt-54 {
  margin-top: 54px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-56 {
  margin-top: 56px;
}

.mt-57 {
  margin-top: 57px;
}

.mt-58 {
  margin-top: 58px;
}

.mt-59 {
  margin-top: 59px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-61 {
  margin-top: 61px;
}

.mt-62 {
  margin-top: 62px;
}

.mt-63 {
  margin-top: 63px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-66 {
  margin-top: 66px;
}

.mt-67 {
  margin-top: 67px;
}

.mt-68 {
  margin-top: 68px;
}

.mt-69 {
  margin-top: 69px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-71 {
  margin-top: 71px;
}

.mt-72 {
  margin-top: 72px;
}

.mt-73 {
  margin-top: 73px;
}

.mt-74 {
  margin-top: 74px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-76 {
  margin-top: 76px;
}

.mt-77 {
  margin-top: 77px;
}

.mt-78 {
  margin-top: 78px;
}

.mt-79 {
  margin-top: 79px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-81 {
  margin-top: 81px;
}

.mt-82 {
  margin-top: 82px;
}

.mt-83 {
  margin-top: 83px;
}

.mt-84 {
  margin-top: 84px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-86 {
  margin-top: 86px;
}

.mt-87 {
  margin-top: 87px;
}

.mt-88 {
  margin-top: 88px;
}

.mt-89 {
  margin-top: 89px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-91 {
  margin-top: 91px;
}

.mt-92 {
  margin-top: 92px;
}

.mt-93 {
  margin-top: 93px;
}

.mt-94 {
  margin-top: 94px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-96 {
  margin-top: 96px;
}

.mt-97 {
  margin-top: 97px;
}

.mt-98 {
  margin-top: 98px;
}

.mt-99 {
  margin-top: 99px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-1 {
  margin-right: 1px;
}

.mr-2 {
  margin-right: 2px;
}

.mr-3 {
  margin-right: 3px;
}

.mr-4 {
  margin-right: 4px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-6 {
  margin-right: 6px;
}

.mr-7 {
  margin-right: 7px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-9 {
  margin-right: 9px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-11 {
  margin-right: 11px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-13 {
  margin-right: 13px;
}

.mr-14 {
  margin-right: 14px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-17 {
  margin-right: 17px;
}

.mr-18 {
  margin-right: 18px;
}

.mr-19 {
  margin-right: 19px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-21 {
  margin-right: 21px;
}

.mr-22 {
  margin-right: 22px;
}

.mr-23 {
  margin-right: 23px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-26 {
  margin-right: 26px;
}

.mr-27 {
  margin-right: 27px;
}

.mr-28 {
  margin-right: 28px;
}

.mr-29 {
  margin-right: 29px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-31 {
  margin-right: 31px;
}

.mr-32 {
  margin-right: 32px;
}

.mr-33 {
  margin-right: 33px;
}

.mr-34 {
  margin-right: 34px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-36 {
  margin-right: 36px;
}

.mr-37 {
  margin-right: 37px;
}

.mr-38 {
  margin-right: 38px;
}

.mr-39 {
  margin-right: 39px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-41 {
  margin-right: 41px;
}

.mr-42 {
  margin-right: 42px;
}

.mr-43 {
  margin-right: 43px;
}

.mr-44 {
  margin-right: 44px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-46 {
  margin-right: 46px;
}

.mr-47 {
  margin-right: 47px;
}

.mr-48 {
  margin-right: 48px;
}

.mr-49 {
  margin-right: 49px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-51 {
  margin-right: 51px;
}

.mr-52 {
  margin-right: 52px;
}

.mr-53 {
  margin-right: 53px;
}

.mr-54 {
  margin-right: 54px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-56 {
  margin-right: 56px;
}

.mr-57 {
  margin-right: 57px;
}

.mr-58 {
  margin-right: 58px;
}

.mr-59 {
  margin-right: 59px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-61 {
  margin-right: 61px;
}

.mr-62 {
  margin-right: 62px;
}

.mr-63 {
  margin-right: 63px;
}

.mr-64 {
  margin-right: 64px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-66 {
  margin-right: 66px;
}

.mr-67 {
  margin-right: 67px;
}

.mr-68 {
  margin-right: 68px;
}

.mr-69 {
  margin-right: 69px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-71 {
  margin-right: 71px;
}

.mr-72 {
  margin-right: 72px;
}

.mr-73 {
  margin-right: 73px;
}

.mr-74 {
  margin-right: 74px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-76 {
  margin-right: 76px;
}

.mr-77 {
  margin-right: 77px;
}

.mr-78 {
  margin-right: 78px;
}

.mr-79 {
  margin-right: 79px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-81 {
  margin-right: 81px;
}

.mr-82 {
  margin-right: 82px;
}

.mr-83 {
  margin-right: 83px;
}

.mr-84 {
  margin-right: 84px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-86 {
  margin-right: 86px;
}

.mr-87 {
  margin-right: 87px;
}

.mr-88 {
  margin-right: 88px;
}

.mr-89 {
  margin-right: 89px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-91 {
  margin-right: 91px;
}

.mr-92 {
  margin-right: 92px;
}

.mr-93 {
  margin-right: 93px;
}

.mr-94 {
  margin-right: 94px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-96 {
  margin-right: 96px;
}

.mr-97 {
  margin-right: 97px;
}

.mr-98 {
  margin-right: 98px;
}

.mr-99 {
  margin-right: 99px;
}

.mr-100 {
  margin-right: 100px;
}

.ml-1 {
  margin-left: 1px;
}

.ml-2 {
  margin-left: 2px;
}

.ml-3 {
  margin-left: 3px;
}

.ml-4 {
  margin-left: 4px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-7 {
  margin-left: 7px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-9 {
  margin-left: 9px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-11 {
  margin-left: 11px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-13 {
  margin-left: 13px;
}

.ml-14 {
  margin-left: 14px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-17 {
  margin-left: 17px;
}

.ml-18 {
  margin-left: 18px;
}

.ml-19 {
  margin-left: 19px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-21 {
  margin-left: 21px;
}

.ml-22 {
  margin-left: 22px;
}

.ml-23 {
  margin-left: 23px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-26 {
  margin-left: 26px;
}

.ml-27 {
  margin-left: 27px;
}

.ml-28 {
  margin-left: 28px;
}

.ml-29 {
  margin-left: 29px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-31 {
  margin-left: 31px;
}

.ml-32 {
  margin-left: 32px;
}

.ml-33 {
  margin-left: 33px;
}

.ml-34 {
  margin-left: 34px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-36 {
  margin-left: 36px;
}

.ml-37 {
  margin-left: 37px;
}

.ml-38 {
  margin-left: 38px;
}

.ml-39 {
  margin-left: 39px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-41 {
  margin-left: 41px;
}

.ml-42 {
  margin-left: 42px;
}

.ml-43 {
  margin-left: 43px;
}

.ml-44 {
  margin-left: 44px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-46 {
  margin-left: 46px;
}

.ml-47 {
  margin-left: 47px;
}

.ml-48 {
  margin-left: 48px;
}

.ml-49 {
  margin-left: 49px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-51 {
  margin-left: 51px;
}

.ml-52 {
  margin-left: 52px;
}

.ml-53 {
  margin-left: 53px;
}

.ml-54 {
  margin-left: 54px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-56 {
  margin-left: 56px;
}

.ml-57 {
  margin-left: 57px;
}

.ml-58 {
  margin-left: 58px;
}

.ml-59 {
  margin-left: 59px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-61 {
  margin-left: 61px;
}

.ml-62 {
  margin-left: 62px;
}

.ml-63 {
  margin-left: 63px;
}

.ml-64 {
  margin-left: 64px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-66 {
  margin-left: 66px;
}

.ml-67 {
  margin-left: 67px;
}

.ml-68 {
  margin-left: 68px;
}

.ml-69 {
  margin-left: 69px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-71 {
  margin-left: 71px;
}

.ml-72 {
  margin-left: 72px;
}

.ml-73 {
  margin-left: 73px;
}

.ml-74 {
  margin-left: 74px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-76 {
  margin-left: 76px;
}

.ml-77 {
  margin-left: 77px;
}

.ml-78 {
  margin-left: 78px;
}

.ml-79 {
  margin-left: 79px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-81 {
  margin-left: 81px;
}

.ml-82 {
  margin-left: 82px;
}

.ml-83 {
  margin-left: 83px;
}

.ml-84 {
  margin-left: 84px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-86 {
  margin-left: 86px;
}

.ml-87 {
  margin-left: 87px;
}

.ml-88 {
  margin-left: 88px;
}

.ml-89 {
  margin-left: 89px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-91 {
  margin-left: 91px;
}

.ml-92 {
  margin-left: 92px;
}

.ml-93 {
  margin-left: 93px;
}

.ml-94 {
  margin-left: 94px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-96 {
  margin-left: 96px;
}

.ml-97 {
  margin-left: 97px;
}

.ml-98 {
  margin-left: 98px;
}

.ml-99 {
  margin-left: 99px;
}

.ml-100 {
  margin-left: 100px;
}

.mb-1 {
  margin-bottom: 1px;
}

.mb-2 {
  margin-bottom: 2px;
}

.mb-3 {
  margin-bottom: 3px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-7 {
  margin-bottom: 7px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-9 {
  margin-bottom: 9px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-11 {
  margin-bottom: 11px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-13 {
  margin-bottom: 13px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-17 {
  margin-bottom: 17px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-19 {
  margin-bottom: 19px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-21 {
  margin-bottom: 21px;
}

.mb-22 {
  margin-bottom: 22px;
}

.mb-23 {
  margin-bottom: 23px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-26 {
  margin-bottom: 26px;
}

.mb-27 {
  margin-bottom: 27px;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-31 {
  margin-bottom: 31px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-33 {
  margin-bottom: 33px;
}

.mb-34 {
  margin-bottom: 34px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-37 {
  margin-bottom: 37px;
}

.mb-38 {
  margin-bottom: 38px;
}

.mb-39 {
  margin-bottom: 39px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-41 {
  margin-bottom: 41px;
}

.mb-42 {
  margin-bottom: 42px;
}

.mb-43 {
  margin-bottom: 43px;
}

.mb-44 {
  margin-bottom: 44px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-46 {
  margin-bottom: 46px;
}

.mb-47 {
  margin-bottom: 47px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-49 {
  margin-bottom: 49px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-51 {
  margin-bottom: 51px;
}

.mb-52 {
  margin-bottom: 52px;
}

.mb-53 {
  margin-bottom: 53px;
}

.mb-54 {
  margin-bottom: 54px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-56 {
  margin-bottom: 56px;
}

.mb-57 {
  margin-bottom: 57px;
}

.mb-58 {
  margin-bottom: 58px;
}

.mb-59 {
  margin-bottom: 59px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-61 {
  margin-bottom: 61px;
}

.mb-62 {
  margin-bottom: 62px;
}

.mb-63 {
  margin-bottom: 63px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-66 {
  margin-bottom: 66px;
}

.mb-67 {
  margin-bottom: 67px;
}

.mb-68 {
  margin-bottom: 68px;
}

.mb-69 {
  margin-bottom: 69px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-71 {
  margin-bottom: 71px;
}

.mb-72 {
  margin-bottom: 72px;
}

.mb-73 {
  margin-bottom: 73px;
}

.mb-74 {
  margin-bottom: 74px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-76 {
  margin-bottom: 76px;
}

.mb-77 {
  margin-bottom: 77px;
}

.mb-78 {
  margin-bottom: 78px;
}

.mb-79 {
  margin-bottom: 79px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-81 {
  margin-bottom: 81px;
}

.mb-82 {
  margin-bottom: 82px;
}

.mb-83 {
  margin-bottom: 83px;
}

.mb-84 {
  margin-bottom: 84px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-86 {
  margin-bottom: 86px;
}

.mb-87 {
  margin-bottom: 87px;
}

.mb-88 {
  margin-bottom: 88px;
}

.mb-89 {
  margin-bottom: 89px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-91 {
  margin-bottom: 91px;
}

.mb-92 {
  margin-bottom: 92px;
}

.mb-93 {
  margin-bottom: 93px;
}

.mb-94 {
  margin-bottom: 94px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-96 {
  margin-bottom: 96px;
}

.mb-97 {
  margin-bottom: 97px;
}

.mb-98 {
  margin-bottom: 98px;
}

.mb-99 {
  margin-bottom: 99px;
}

.mb-100 {
  margin-bottom: 100px;
}

.fs-1 {
  font-size: 1px;
}

.fs-2 {
  font-size: 2px;
}

.fs-3 {
  font-size: 3px;
}

.fs-4 {
  font-size: 4px;
}

.fs-5 {
  font-size: 5px;
}

.fs-6 {
  font-size: 6px;
}

.fs-7 {
  font-size: 7px;
}

.fs-8 {
  font-size: 8px;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-29 {
  font-size: 29px;
}

.fs-30 {
  font-size: 30px;
}

.fc-red {
  color: red;
}

.fc-green {
  color: green;
}

.fc-blue {
  color: blue;
}

.width-5 {
  width: 5%;
}

.width-10 {
  width: 10%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-35 {
  width: 35%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 65%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 90%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

.gaming-text {
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: animation-positiveX 4s linear infinite;
}

.gaming-bg {
  background: linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center/200% auto;
  animation: animation-positiveX 4s linear infinite;
}

.bold {
  font-weight: bold;
}

#sizeChanger {
  float: right;
  font-size: 1.4rem;
  cursor: pointer;
  margin: 5px;
  border: solid 1px #000;
  padding: 2px;
}

@media screen and (max-width: 48rem) {
  #sizeChanger {
    display: none;
  }
}