@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kodchasan:wght@300&family=Roboto:wght@300&display=swap');

  h1.titulo {
      background-color: #ffffff;
      color: #865Fa5;
      font-size: 2em;
      font-family: 'Roboto', sans-serif;
      text-align: center;
      margin-bottom: 1em;
      margin-top: 1em;
      padding-bottom: 0px;
  }

  a.titulo {
    background-color: #ffffff;
    color: #865Fa5;
    font-size: 2em;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-bottom: 0px;
}
 
  @media screen and (max-width: 64em) {
    h1.titulo {
        font-size: 1.25em;
      }
    }
   
  @media screen and (max-width: 50em) {
  h1.titulo {
      font-size: 1.25em;
    }
  }
  
  @media screen and (max-width: 30em){
  h1.titulo {
      font-size: 1em;
    }
  }
  
h4.texto {
    font-family: 'Roboto', sans-serif;
    color: #865Fa5;
    text-align: left;
}

h4.recurso_titulo {
  font-family: 'Roboto', sans-serif;
  color: #865Fa5;
  text-align: left;
  font-size: 25px;
}

h4.recurso_autor {
  font-family: 'Roboto', sans-serif;
  color: #865Fa5;
  text-align: left;
}

p.pie {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: medium;
    text-align: right;
}