form
		{
			border:1px solid rgba (0,0,0,0.2);
			padding:30px;
			margin:auto;
                        width:50%;
                        max-width:500%;
			background:#f3f3f3;

                      

	}
		h2{
			text-align: center;
			margin-buttom:20px;
			color: rgba(0,0,0,0.5)
	}

		input{
			display:block;
			padding:10px;
                        width:100%;
                        margin:30px 0;
                        font-size:20px;

	}	
	input[type="submit"]}
			background: linear-gradient(#ffda63,#ffb940);
			border:0;
			color: brown;
			cursor:pointer;
			border-radius:20px;
			margin-buttom:0;
	}

	.menu> li> a{
			display:block;
			padding:15px 20px;
			color:white;
			font-family:'Open sans';
			text-decoration: none;

	}
.menu li a:hover{
			color:white;
			transition: all .3s;


	}


 
     .submenu{
     	position: absolute;
     	background: #333333;
     	width: 120%;
     	display:none;
     	}

 .submenu li a{
     	display:black;
     	width: 120%;
     	padding: 15px;
     	color:black;
     	font-family: 'Open sans';
     	text-decoration: none;
     	}
.menu li:hover .submenu{
	visibility: visible;
	opacity: 1;
	}

.submenu{
	position:absolute;
	}

div::after {
  content: "";
  background: url(animals.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}