button{
 cursor:pointer;
 background-color:rgba(0,0,0,0);
 border:none;
}
.container{
 display:inline-block; 
 position: relative;
}
.fix {
   padding:5%;
}
.conteudo{
  display:none;
  position:absolute;
  background-color:rgba(0,100,0,0.6);
  border:2px white solid;
}
.container:hover .conteudo{
  display:block;
}
.icones{
	height: 200px;
	width: 200px;
}
iframe{
	width:60ww;
	height:50vh;
}
.esquerda{
	float: left;	
}
.direita{
	float:right;
}
a:hover{
background-color:rgba(0,100,0,0.8);
}
h2.x{
	color:red;
}
main{
	margin-left:10%;
	margin-right:10%;
}
li{
	display:inline;
	margin-left:10%;
}
ul{
	background-color:rgba(0,100,0,0.6);
	margin-left:10%;
	margin-right:10%;
	border:2px white solid;
}
a, button{
	color:white;
	font-size:2em;
	text-decoration:none;
}
h1, h3{
color:#000000;
}
body{
background-color:rgba(0,100,0,0.3);
}
h1, h6{
	text-align:center;
}