/* Add a black background color to the top navigation */
.topnav {
  background-color: black;
  overflow: hidden;
  font-family: "arial";
  font-weight: lighter;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  padding: 46px 16px;
  text-decoration: none;
  font-size: 14px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;

}

/* Add a color to the active/current link */
.topnav a.active {
  color: white;
}
.logo {
  position: relative;
  right: 350px;
  left: 0px;
  width: 50px;
  top: -8px;

}
.title {
  font-family: "Oswald";
  font-weight: lighter;
  text-transform: uppercase;
  text-align: center;
  font-size: 72px;
  color: #FFC433;
  position: relative;
  bottom: -60px;
}
.title2 {
  font-family: "Arial";
  font-weight: 100;
  letter-spacing: ;
  word-spacing: ;
  font-size: 15px;
  position: relative;
  bottom: -35px;
}
.homepage2 {
  text-align: center;
  font-family: 'Oswald';
  font-weight: lighter;
  border: 3px solid white;
  width: 896px;
  height: 693px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 15px;
  position: relative;
  background-color: #191919;
  color: white;
  top: 400px;
  left: 250px;
}
img {
  height: 120px;
  width: 120px;
  border-radius: 35px;
  border-width: thin;
  border-color: white;
  align-items: center;

}

.img2 {
  height: 695px;
  width: 1050px;
  z-index: -1;
  right: 80px;
  position: relative;
}

body {
  background-color: #191919;
  color: white;
  text-align: center;
}

.mision {
  position: relative;
  top: 600px;
  right: 200px;
}
ul {
  font-family: "Arial";
  font-weight: 100;
  font-size: 15px;
  line-height: 2;
}
#obligwhat {
  color: white;
  left: 105px;
  width: 700px;
  position: absolute;
  pointer-events: none;
  visibility: inherit;
  top: 201px;
}