body {
  background-color: #0C1424;
}

#principal {
  display: flex;
  width: 100%;
}

#contacto {
  padding-left: 50px;
  width: 50%;
  height: 50%;
  background-color: #014455;
  opacity: 50%;
  margin-top: 15px;
}

#texto {
  color: #08ff29;
  font-family: Arial, Helvetica, sans-serif;
}

#entrada_mail {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  width: 83%;
}

#msg {
  width: 83%;
}

#botoncito {
  display: block;
  background-color: #33ff00;
}

#vectorial {
  display: flex;
  width: 50%;
}

p {
    font-size: 30px;
}

.a {
    color: #ffffff;
}

.navBar {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(#015e59, #3a0069);
  padding: 0px 100px 0px 100px;
  border-style:dashed;
}

.presentacion_navBar {
  width: 50%;
  padding-left: 10px;
  font-size: 30px;
  font-family:Arial, Helvetica, sans-serif;
}

.letras{
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

.ultimo {
  display: flex;
}

.tech {
  display: flex;
  justify-content: space-around;
}

.fondo_one {
  background: linear-gradient(#f0571f, #701e00);
  padding: 10px 10px 10px 10px;
}

.fondo_two {
  background: linear-gradient(#009dff, #00263d);
  padding: 10px 10px 10px 10px;
}

.fondo_three {
  background: linear-gradient(#fdfd57, #777700);
  padding: 10px 10px 10px 10px;
}

.fondo_four {
  background: linear-gradient(#15ff00, #00491f);
  padding: 10px 10px 10px 10px;
  color: #ffffff;
}

.fondo_five {
  background-color: #000000;
  padding: 10px 10px 10px 10px;
  color: #ffffff;
}

.fondo_six {
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
}

@media (max-width: 100vh) {
  .App {
    display: block;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .navBar {
    display: block;
    align-items: center;
  }

  #principal {
    display: block;
    font-size: 21px;
    width: 100%;
  }
  
  .ultimo {
    display: block;
  }

  .tech {
    display: block;
  }
}

@media (max-height: 74vh) {
  .App {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  .navBar {
    display: block;
    align-items: center;
  }

  #principal {
    display: block;
    font-size: 21px;
    width: 100%;
  }

  .ultimo {
    display: block;
  }
  
  .tech {
    display: block;
  }
}