body {
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
p, li {
  font-size: 18px;
  color: #666;
}

/* COLORS */

:root {
  --blue-main: #2e93d1;
  --blue-hover: #1877b3;
  --purple-main: #cc3a8d;
  --purple-hover: #a11f69;
  --purple-second: #8658a3;
}

/* PADRÕES
  ------------------------*/
.main-title {
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 15px;
}

.main-title--blue {
  color: var(--blue-main);
}

.subtitle {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 25px;
}

.text--blue {
  color: var(--blue-main);
}

/* BUTTONS */
.btn-round {
  background: var(--blue-main);
  padding: 15px 50px;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-round:hover {
  background: var(--blue-hover);
  color: #fff;
}

.btn-round--pink {
  color: #fff;
  padding: 10px 50px;
  border-radius: 30px;
  display: block;
  margin: auto;
  background: #cc3a8d;
  border: none;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}


.btn-round--pink:hover {
    background: var(--purple-hover);
  }