body {
  font-family: monospace;
  background-color: #000000;
  text-align: center;
  color: #fcfcfc;
  background-image: url('./../assets/background.png');
  background-repeat: no-repeat;
  width: 95%;
  height: 100%;
  padding: 0;
  background-attachment: fixed;
  background-position: center; 
}

.textoIntro {
  margin-top: 50px;
}

.iniciar {
  color: #f8d363;
  font-size: xx-large;
  margin-top: 90px;
  cursor: pointer;
  text-decoration: none;
  background-color: #000000;
}


#trecho2 {
  font-size: 30px;
  background-color: #000000;
  margin: 150px;
}



@media (max-width: 800px) {
  body {
    background-image: url('./../assets/background_mobile1.png');
    margin: 0;
    height: auto;
    background-attachment: fixed;
    background-position: bottom; 
    background-size: 800px;
  }

}

@media (max-width: 590px) {
  body {
    background-image: url('./../assets/background_mobile2.png');
    margin: 0;
    height: auto;
    width: 100%;
    background-attachment: fixed;
    background-position: bottom; 
    background-size: 590px;
  }

  #trecho1, #trecho2 {
    font-size:x-large;
    margin: 70px 10px;
  }
}