@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap');
/* === main.css === */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* outline: 1px solid red; */
}

body, html {
  height: 100%;
  font-family: 'Nunito', sans-serif;
  overflow-x: hidden;
  background-color: black;
}

.icons-color{
  color: #bf01c9;
}

.red-icon{
  color: #bf01c9;
}

.bg-cx{
  background-color: #bf01c9;
}

.color-cx{
  color: #bf01c9;
}

.botao-animado{
  transition: 0.3s;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
              url('../assets/img/gif-novo-roxo.gif');
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
}

.botao-animado:hover{
  transition: 0.3s;
  transform: translateY(-5px);
}

.linha-borda{
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  width: 60%;
  margin: 0 auto;
}

.p100{
  padding-top: 100px;
  padding-bottom: 100px;
}

.botao-secundario{
  transition: 0.3s;
  background-color: black;
  border: 1px solid #bf01c9;
  color: #bf01c9;
}

.botao-secundario:hover{
  transition: 0.3s;
  transform: translateY(-5px);
  border: 1px solid #bf01c9;
}

.text-clarinho{
  color: rgb(226, 226, 226);
}