@import url('https://fonts.googleapis.com/css2?family=Notable&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Notable&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Silkscreen:wght@400;700&display=swap');

* {
  margin: 0;
  box-sizing: border-box;
}

body {
 font-family: Arial;
 background: url('https://www.fightersgeneration.com/news2023/game/waku/stage/wakuwaku7-arina-stage.gif') no-repeat center center fixed;
 image-rendering: pixelated;
 background-size: cover;
 color: white;
}

hr {
 color: white;
}

.center-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

.text-box {
  background: #090040;
  border-radius: 20px;
  text-align: center;
  width: 80%;
  border: 3px solid white;
  padding: 50px;
}

.text-box > p {
  text-align: justify;
  line-height: 16pt;
}

.header-image {
 width: 25%;
}

.title {
  font-size: 500%;
  font-family: Notable;
  text-align: center;
  text-shadow: 0px 2px 0px #090040, 0px 4px 0px #471396, 0px 6px 0px #B13BFF, 0px 8px 0px #FFCC00; 
}

.subtitle {
  text-align: center;
  font-family: Silkscreen;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
  gap: 5px 5px;
}

.grid-container > div {
  padding: 10px;
}

.flex-container {
  display: flex;
}

.flex-container > div {
  margin: 20px;
  padding: 20px;
}

.flex-container-nc {
  display: flex;
}

.flex-container-nc > div {
  margin: 20px;
  padding: 20px;
}


@media screen and (max-width: 1200px) {
  
  body {
  max-width: 100%; 
  }
  img {
  max-width: 100%;
  }
  
  .header
  {
   left: 0px;
  }
  
  .flex-container {
    flex-direction: column;
  }
  
  .description {
  font-size: 150%;
  line-height: 20pt;
  }
  
  .grid-container {
  gap: 0 0;
  }
  
  .flexbox {
  display: none;
  }
  
}