#pagina{
	width:98%;
	margin-left:auto;
	margin-right:auto;
  border-radius:25px;
}

#header{
	text-align: center;
	background-color: rgba(50, 250,0,0.5);
	color:white;
	border-radius: 25px;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
   border-radius: 0 0 25px 25px;
}

li {
  width:200px;
  float: left;
  text-align: center;
}

li a, .dropbtn {
  display: inline-block;
  color: blue;
  text-align: center;
  padding: 14px 16px;
  font:25px/25px arial;
  text-decoration: underline ;
  font-weight: bold;
  font-style: italic;

}

li a:hover, .dropdown:hover .dropbtn {
  border-radius:25px;
  background-color: rgba(255, 0, 250,0.5);
  color:white;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
  color:green;
}

.dropdown:hover .dropdown-content {
  display: block;
}
#log{
  float:right;
  color:yellow !important;

}
#contiunt{
	background-color: #ebebe0;
	height:1200px;
	 border-radius:25px;
	 	margin-left:auto;
	margin-right:auto;
}
body, html{ width:100%; height:100%; padding: 0; margin: 0;}



.form-popup {
  display: none;
  position: fixed;
  top: 70px;
  right: 85px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

.form-container input[type=text], .form-container input[type=password] {
  width: 90%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

.form-container .cancel {
  background-color: red;
}

.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
.head{
  width:98%;
  vertical-align: center;
  font:45px/45px arial;

}
#user,.log{
  margin-top:3px;
   display: inline-block;
   position: absolute;
   right:3%;
 font:25px/25px arial;
color:yellow;
  text-decoration: underline ;
  font-weight: bold;
  font-style: italic;

}