@import url("./font_styles.css?v=1.2");

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Source Sans Pro Light', sans-serif;
}

html, body {
    overflow-x: hidden;
}

.container {
  position: relative;
}
@media  (min-width: 768px) {
  .container {
      max-width: 100%;
      width: 100%;
      padding-inline: 5%;
  }
}

@media  (min-width: 1200px) {
  .container {
    max-width: 1170px;
    width: 100%;
    padding-inline: 15px;
    margin-inline: auto ;
  }
}

@media  (max-width: 768px) {
  .container {
      padding-inline: 30px;
      width: 100%;
  }
}

:root {
    --cor-primeira: #4F286B;
    --cor-segunda: #654C99;
    --cor-terceira: #513A8C;
    --cor-quarta: #513A8C;
    --cor-quinta: #393D60;
    --cor-sexta: #70559F;
    --cor-cinza: #797878;
    --cor-cinza-2: #7A7A7A;
    --cor-azul: #499EC1;
    --cor-branco: #fff;
    --cor-rosa: #B68DB0;
    --cor-branco-opaco: #ffffff50;
    --cor-preto: #1d1d1d;
    --cor-azul-escuro: #121528;
    --cor-azul-escuro-2: #3B4978;
    --cor-amarelo: #FBB900;
    --cor-rosa-claro: #B982B8;
    --cor-rosa-2: #B781B7;
    --cor-rosa-escuro: #9C519B;
    --cor-azul-2: #355FAA;
    --cor-azul-3: #41B1CF;
    --cor-azul-4: #4286BA;
    --cor-roxo-lavanda: #9378B3;
    --cor-roxo-lavanda-2: #9583BC;
    --cor-roxo-escuro: #4E3271;


}


.centralizar-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vir-da-esquerda, .vir-da-direita {
    position: relative;
    display: inline-block;
    font-size: 2em;
    opacity: 0;
    transition: transform 1s, opacity 1s;
  }
  
.vir-da-esquerda {
    transform: translateX(-100%);
}
.vir-da-direita {
    transform: translateX(100%);
}


.lista-traducao button.active {
    color: var(--cor-branco);
}
.lista-traducao li {
    display: inline-block;
}
.lista-traducao button {
    font-family: 'actor', 'Source Sans Pro Light', sans-serif; ;
    background: transparent;
    outline: 0;
    border: 0;
    color: var(--cor-branco-opaco);
}
.lista-traducao {
    list-style: none;
    text-align: right;
}

#ir-para-o-top {
  /* margin-top: 10px; */
}

@media (min-width: 970px) {
  #ir-para-o-top {
    /* margin-top: -20px; */
    cursor: pointer;
    text-align: right;
  }
}