.inter-tight-heading {
  font-family: "Inter Tight", serif;
  font-optical-sizing: auto;
  font-weight: 650;
  font-style: normal;
}

.m-plus-1-main {
  font-family: "M PLUS 1", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.m-plus-1-sub {
  font-family: "M PLUS 1", serif;
  font-size: 10px;
  font-weight: 400;
  font-style: normal;
  margin-top: -10px;
}

html {
    overscroll-behavior: none;
}

body {
  background: url("/bg/featurecreature-sonicinfinite.jpg");
  background-repeat: repeat;
  color: white;
  font-family: "M PLUS 1";
}

h1 {
  text-align: center;
  color: #ffff00;
}

a {
  color: #ffff00;
}

.nocenter {
  text-align: left;
}

.highlightwarn {
  color: #ff0000;
}

.bulletinimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.imgtitle {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 12%;
}

.cbox1 {
  border: 1px solid rgb(255, 255, 0);
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px ;
  margin-bottom: 50px;
  width: 35%;
  color: #ffff00;
  background: rgb(0, 0, 0);
  text-align: center;
}

.cbox1alt {
  border: 1px solid rgb(255, 255, 0);
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px ;
  margin-bottom: 50px;
  width: 35%;
  background: rgb(0, 0, 0);
  text-align: center;
}

.cboxnews {
  border: 5px solid rgb(255, 255, 0);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 10px;
  margin-top: -22.5px;
  background: rgb(0, 0, 0);
  width: 75%;
}

.cboxnewsarchive {
  border: 5px solid rgb(255, 255, 0);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 10px;
  margin-top: 50px;
  background: rgb(0, 0, 0);
  width: 75%;
}

.cboxcc {
  border: 5px solid rgb(255, 255, 0);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 10px;
  margin-top: 50px;
  background: rgb(0, 0, 0);
  width: 97.5%;
}

.cbox2 {
  border: 5px solid rgb(255, 255, 0);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: -22.5px;
  background: rgb(0, 0, 0);
  width: 75%;
}

.infoboxtext {
  border: 2.5px solid rgb(255, 255, 0);
  font-family: "M PLUS 1", serif;
  color: #ff0000;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  background: rgb(0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}

.copyrightbox {
  border: 2.5px solid rgb(255, 255, 0);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 50px;
  width: 50%;
  background: rgb(0, 0, 0);
  padding-bottom: 25px;
}

.boxseparate{
  border: 1px solid #ffff00;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.boxseparatesmall{
  border: 1px solid #ffff00;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
}




.parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(7, 1fr);
    height: 75%;
}
    
.div1 {
    grid-row: span 3 / span 3;
    border: 2.5px solid rgb(255, 255, 0);
    text-align: center;
    background: linear-gradient(180deg, rgba(254,149,14,1) 0%, rgba(254,199,22,1) 25%, rgba(255,255,255,1) 50%, rgba(14,138,253,1) 75%, rgba(7,68,157,1) 100%);
}

.div2 {
    grid-column: span 3 / span 3;
    grid-row: span 4 / span 4;
    border: 2.5px solid rgb(255, 255, 0);
    text-align: center;
}

.div3 {
    grid-row: span 4 / span 4;
    grid-column-start: 1;
    grid-row-start: 4;
    border: 2.5px solid rgb(255, 255, 0);
    text-align: center;
}

.div4 {
    grid-column: span 3 / span 3;
    grid-row: span 3 / span 3;
    grid-column-start: 2;
    grid-row-start: 5;
    border: 2.5px solid rgb(255, 255, 0);
    text-align: center;
}

.div5 {
    grid-row: span 7 / span 7;
    grid-column-start: 5;
    display: block;
    border: 2.5px solid rgb(255, 255, 0);
    text-align: center;
    overflow-wrap: break-word
}