@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;700&family=VT323&display=swap');


  * {
      margin: 0px;
      padding: 0px;
  }

  body {
      background-color: black;
  }


  /* THE BODY */

  #corpo {
      width: 100%;
      background-image: url(imagens/padrao.png);
      background-size: auto;
      background-position: center;
      background-repeat: repeat;
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 9em;
  }



  #caixa1 {
      width: 880px;
      max-width: 100%;
      height: auto;
      border-color: lime;
      border-style: solid;
      border-width: medium;
      background-color: black;
      margin-bottom: 5em;
  }

  #caixa2 {
      width: auto;
      max-width: 100%;
      height: auto;
  }

  #titulo {
      color: lime;
      font-size: 20pt;
      background-color: black;
      width: 7em;
      margin-left: 6%;
      margin-right: 64%;
      margin-top: -0.6em;
      font-family: 'VT323', monospace;
      font-size: 20pt;
      text-align: center;

  }

  #caixa3 {
      width: 88%;
      height: auto;
      margin-left: 6%;
      margin-right: 6%;
      padding-top: 2em;
      overflow: hidden;
      font-size: 14pt;
      text-decoration: none;
      letter-spacing: 0.3pt;
      line-height: 22pt;
      color: white;
      font-family: Inconsolata, monospace;
  }

  #caixa3 p {
      margin-bottom: 2em;
  }

  .bold {

      font-size: 20pt;
      letter-spacing: 0.3pt;
      line-height: 30pt;
      font-family: 'VT323', monospace;
      background-color: white;
      color: black;

  }

  #pict {
      width: 88%;
      height: auto;
      margin-left: 6%;
      margin-right: 6%;
      margin-top: 3em;
      margin-bottom: 3em;
  }

  #pict img {
      width: 100%;
      border-color: lime;
      border-style: solid;
      border-width: medium;
  }

  # sep {
      width: 100%;
      margin: auto;


  }

  #sep img {
      width: 100%;
      margin-top: 2em;
      margin-bottom: 3em;
  }

  #caixa4 {
      width: 88%;
      height: auto;
      margin-left: 6%;
      margin-right: 6%;
      overflow: hidden;
      font-size: 20pt;
      letter-spacing: 0.3pt;
      line-height: 30pt;
      font-family: 'VT323', monospace;
      color: lime;
      padding-bottom: 3em;
  }

  #caixa4 p {
      margin-bottom: 20px;
      margin-top: 40px;
  }

  .button {
      color: lime;
      text-decoration: none;
      text-align: center;
      padding: 0.2em;
      font-size: 22pt;
      letter-spacing: 0.3pt;
      line-height: 30pt;
      font-family: 'VT323', monospace;
      border-color: lime;
      border-style: solid;
      border-width: medium;
      background-color: black;
  }

  .button:hover {
      color: black;
      background-color: lime;
  }

  #end {
      width: 40%;
      height: auto;
      margin-left: 30%;
      margin-right: 30%;
      margin-bottom: 3em;
      margin-top: 1em;
  }

  #end img {
      width: 100%;
      border-style: none;
  }




  /* MEDIA QUERIES */

  @media screen and (max-width: 750px) {

      #index_col {
          column-count: 3;
      }

  }

  @media screen and (max-width: 550px) {

      #caixa4 {
          align-content: center;

      }

  }