@font-face {
  
  font-family: "Divlit";
  src: url('fontfont/divlit001.woff2') format('woff2'),
       url('fontfont/divlit001.woff') format('woff'),
       url('fontfont/divlit001.otf') format('opentype');
        }

@font-face { 
  
  font-family: "Radio Stars"; 
  src: url('fontfont/Radio Stars.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
        }

@font-face {
  
  font-family: "Zeros";
  src: url('fontfont/ZerosTwo.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
  /*god damn it why doesn't it work, its my main non-divlit font man :<*/    
        body {
            background-color: #1c0404;
            color: #ff2121;
            font-family: 'Divlit', sans-serif;
            margin: 15px auto;
        }
        h1, h2, h3, h4 {
          font-family: 'Zeros', Verdana, sans-serif;
          text-align: center;
          
        }
        p {
          font-family: 'Zeros', "Radio Stars", Verdana, serif;
          text-align: center;
        }
        .wrapper-main {
          width: 1750px;
          margin: auto;
          align-content: center;
        }
        .container {
          display: grid;
          grid-template-areas:
          "header header"
          "menu content"
          "footer footer";
          grid-template-columns: 1fr 3fr;
          gap: 5px;
          background-color: #1c0404;
          padding: 5px;
        }


.container > div {
  background-color: #1c0404;
  padding: 5px;

        }
        .container > div.header {
  grid-area: header;
  text-align: center;
}


/* just to make sure images dont stretch or hwatever lol*/
.container > div.header .logo-image {
  display: flex; /*modern layout */
  justify-content: center;     /* center horizontally */
  align-items: flex-end;         /* end vertically */
  gap: 5px;                   /* spacing between images */
  border: 5px solid #ff2121; /* self explantory. */
  width:auto;
}
        /*sorry nori ;-;*/