/*-- scss:rules --*/

@font-face {
    font-family: mulish;
    src: url(Mulish-Regular.ttf);
}

@font-face {
    font-family: poppins_bold;
    src: url(Poppins-Bold.ttf);
}

@font-face {
    font-family: amaticSC;
    src: url(AmaticSC-Regular.ttf);
}

.centralizado {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.centralizado p {
    text-align: center;
}

.versos {
    margin: 20px 0;
}

.versos p {
    margin-left: 15px;
    text-indent: -15px;
    margin-bottom: .75rem;
}

main h1, main h2 {
    text-align: left;
    text-transform:uppercase;
}

main p, main div, main li {
    font-family: mulish;
    letter-spacing: normal;
}

main h1 {
    font-family: poppins_bold;
}

main h2, .amaticSC {
    font-family: amaticSC;
    letter-spacing: 1px;
}

main textarea {
   width: 100%;
   font-family: mulish;
   border-radius: 3px;
   border: solid 1px gray;
}

main button {
    font-family: mulish;
    border-radius: 3px;
    border: solid 1px gray;
}

main button:hover {
    background-color: gray;
    color: white;
}

.alinhamento_a_direita {
    text-align: right;
}

.borda_fina {

    padding: 30px 15px 15px 15px;
    border: solid 1px #aaa;
    border-radius: 40px;
    margin: 0 auto 30px auto;
    width: 390px;
    position: relative;
    z-index: 20;

}

@media (max-width: 530px) {
    .borda_fina {
      width: 100%;
    }
  }