h2{
	      text-align: center;
		  font-size: 6em;
		 COLOR:RED;
		  background-color:black;
		 
 }
 h3{
	text-align: center;
		  font-size: 2em;  
   	  
		  }
	  h4{
	      font-size: 3em;
		   padding: 0 7.5%;	
		  }
p{
	  padding: 0 15%;
	  color:#2f4f4f;
	  font-size: 2em
}
header {
  background: rgba(0,0,0,0.7);
  width: 100%;
  position: fixed;
  z-index: 100;
}

nav {
  float: left;
}

nav ul {
  list-style: none;
  overflow: hidden; 
}

nav ul li {
  float: left;
  font-family: Arial, sans-serif;
  font-size: 16px;
}
nav ul li a {
  display: block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
}
nav ul li:hover {
  background: RED;
}


.title-container img {
    position: absolute;
	transform: scale(2) translate(30%, -10%);
	z-index:2;

}

body {
    background-color: #1c1c1c;
	z-index:0;
}

body {
    background-color: #1c1c1c; 
    color: white;
}

p {
    color: white; 
}

.modo-claro {
    background-color: white ;
    color: black;
}

.modo-claro p {
    color: black ;
}



.image-2 {
    text-align: center; 
    background-color: black; 
    padding: 5%;
}

.image-2 img {
    width: 30%
    height: auto;
    cursor: pointer; 
}
.links {
            background-color: black;
            padding: 2%;
            border-radius: 10px;
            display: inline-block;
        }

        
        .links ul {
            list-style: none;
            padding: 0;
        }

        .links ul li {
            margin: 15px 0;
        }

        .links ul li a {
            text-decoration: none;
            color: #003366; 
            font-size: 1.2em;
            font-weight: bold;
            transition: 0.3s;
        }

        .links ul li a:hover {
            color: #ff4500;