.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;
    cursor: url("cursor/cursor_default.png"), default;
}

body {
  background: url("/bg/ss177.gif");
  background-repeat: repeat;
  color: white;
  font-family: "M PLUS 1";
  cursor: url("cursor/cursor_default.png"), default;
}

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

h2 {
  cursor: url("cursor/cursor_text.png"), text;
}

h3 {
  cursor: url("cursor/cursor_text.png"), text;
  text-align: center;
}

li {
  cursor: url("cursor/cursor_text.png"), text;
}

a {
  color: #ffff00;
  cursor: url("cursor/cursor_pointer.png"), pointer;
}

p {
  cursor: url("cursor/cursor_text.png"), text;
}

.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%;
  position: static;
}

.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%;
}

.cboxml {
  border: 5px solid rgb(255, 255, 0);
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  margin-top: -22.5px;
  background: rgb(0, 0, 0);
  width: 50%;
}

.cboxml2 {
  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: 50%;
}

.backbutton{
  position: fixed; 
  bottom: 5px; 
  left: 5px; 
  z-index: 100;
}

.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;
}

.stubinfo{
  border: 2.5px solid #ffff00;
  position: fixed;
  top: 5px; 
  right: 5px; 
  z-index: 100;
  background: rgb(0, 0, 0);
  width: 20%;
  height: auto;
  text-align: center;
}

.PixelArt {
    /* from 'https://stackoverflow.com/questions/14068103/disable-antialising-when-scaling-images' */
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated;                 /* Universal support since 2021   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
  }


.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
}