body {
background-color: lightblue;	
	}
	h1 {
border-style: solid;
border-color: white;
font-family: Helvetica;
font-style: normal;		
font-size: 50px;
color: darkblue;
		}
		a:link, a:visited  {
background-color: lightgoldenrodyellow;
color: black;
display: inline-block;	
padding: 5px;
text-align: center;
border-style: dashed;
position: relative;
overflow: auto;
margin-top: 15%; 
width: 100px;


	}
	a:hover {
background-color:#BB4321;
font-weight: bold;
color: black;		
box-shadow: 10px 10px 6px #BBB;
border-radius: 10px;


		}
		p {
			font-size: 20px;
			}
			form {
border-style: dashed;
border-color: red gray gold blue;
color: red;
height: 500px; 
				}
				input {
left: 40px;				
					}
		
				nav ul {
list-style: none;		
text-align: center;	
  display: flex;
  flex-direction: row;			
						}
					nav .submenu{ 
  visibility: hidden;  
  height: 0;
  z-index: 1000; 
}
nav .submenu li { 
  display: block;  
  width: 15em;
}
nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu
{
visibility: visible;
  height: auto;	
	}

						nav li {
	 				display: inline-block;
							}
							@media (max-width: 500px) {
  nav ul {	
    flex-direction: column;  
  }
  nav li {
    font-size: 1em;
  }  
}