@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");

body {
  background: #f5f5f5;
  font-family: "Quicksand", sans-serif;
}

footer {
  background-color: #120052;
  color: white;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 10px;
}

/* TEXTOS E TÍTULOS */

h1 {
  color: #f5f5f5;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  padding: 0vw;
}

.apresentacao1 {
  font-weight: bold;
  font-size: 75px;
}

.apresentacao2 {
  padding-bottom: 25px;
}

.apresentacao_sobre {
  color: #120052;
  font-weight: bold;
  font-size: 75px;
}

.titulo {
  text-align: left;
  padding-top: 80px;
  padding-bottom: 25px;
}

/* NAVBAR */

.navbar {
  background-color: white;
  width: 100%;
}

.navbar-brand {
  padding-left: 20px;
}

/* INICIO */

.inicio {
  background-image: url("img/inicio.png");
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 15vw;
  padding-bottom: 15vw;
  color: white;
}

/* SOBRE */

.foto {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 25px;
}

.titulo_sobre {
  color: #120052;
  text-align: center;
  padding-top: 80px;
}

.sobre {
  background-color: #f5f5f5;
  text-align: justify;
  height: auto;
}

.sobre_mim {
  color: black;
  text-align: justify;
}

.bt_midia {
  width: 160px;
  height: 40px;
}

.botao_direita {
  text-align: right;
  padding-top: 15px;
}

.bt_cor {
  color: #120052;
  border-color: #120052;
}

.bt_cor:hover {
  color: white;
  background-color: #120052;
  border-color: #120052;
}

/* PORTFOLIO */

.titulo_port {
  color: #120052;
  font-size: 50px;
  text-align: left;
  padding-top: 80px;
  padding-bottom: 25px;
}

.portfolio {
  background-color: #f5f5f5;
  background-size: 100vw;
  width: 100%;
  height: 100%;
  color: #111111;
}

/*  HABILIDADES */

.titulo_hab {
  color: #120052;
  font-size: 50px;
  text-align: left;
  padding-top: 80px;
  padding-bottom: 25px;
}

.habilidades {
  background-color: #f5f5f5;
  background-size: 100vw;
  width: 100%;
  height: 100%;;
  color: #111111;
}

/* CONTATO */

.titulo_cont {
  color: #120052;
  font-size: 50px;
  text-align: left;
  padding-top: 80px;
  padding-bottom: 25px;
}

.txt_contato {
  align-items: center;
  text-align: center;
}

.contato {
  background-color: #f5f5f5;
  background-size: 100vw;
  width: 100%;
  height: 100%;
  padding-bottom: 5vw;
  color: #111111;
}

.form {
  font-size: 1rem;
}

.bt_contato {
  width: 100%;
  height: 40px;
}

.form label,
.form input,
.form textarea,
.form bt_contato {
  display: block;
  width: 100%;
}

.form label {
  color: #120052;
  line-height: 1;
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
}

.form input,
.form textarea {
  padding: 0.8rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: border-color, box-shadow 0.2s;
}

.form textarea {
  min-height: 13rem;
  resize: vertical;
}

.form input:hover,
.form input:focus,
.form textarea:hover,
.form textarea:focus {
  outline: none;
  border-color: #120052;
  box-shadow: 0 0 0 3px #4dc8ff;
}