html {

}

	body {margin: 20px 0px 0px 0px;}

Body {
	
	background-image: url("bgcoral.jpg"); 

}

		p {
		  text-align: left;
		  padding-left: 50px;
		  padding-right: 50px;
		  text-indent: 20px;
		  font-size: 18px;
		  font-family:courier;
			}
			
		a {
		  color: rgb(207, 98, 24)
			}
			
		h1 {
		  text-align: left;
		  padding-left: 50px;
		  text-indent: 0px;
		  text-decoration-line: underline;
		  text-decoration-style: wavy;  
		  font-size: 30px;
		  font-family:courier;
		  margin-bottom: -10px;
			}
		
		h2 {
		  text-align: left;
		  padding-left: 60px;
		  text-indent: 0px;
		  font-style: italic;
		  font-weight: lighter;
		/*  text-decoration-line: underline;
		  text-decoration-style: wavy;  */ 
		  font-size: 14px;
		  font-family:courier;
			}

		#titlebox {
			width: 700px;
			height: 130px;
			background-color: rgb(248, 249, 225, 0.6); 
			border-radius: 15px;
			border-style: dashed;
			}
			
		#title {
			width: 500px;
			height: 170px;
			padding-top: 10px;
			border-radius: 5px;
			}
			
		#welcome {
			float: left;
			left: 0px;
			width: 50px;
				}
				
		#to{
			position: relative;
			left: 30px;
			}
				
		#aqci {
			position: relative;
			right: -25px;
			bottom: 10px;
			width: 300px;
				}
				
		#blog {
			width: 800px;
			height: 470px;
			background-color: rgb(234, 245, 252, 0.8);
			border-radius: 15px;
			border-style: dashed;
			}
			

	/* The sidebar menu */
	.sidenav {
	  height: 100%; /* Full-height: remove this if you want "auto" height */
	  width: 200px; /* Set the width of the sidebar */
	  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
	  z-index: 1; /* Stay on top */
	  top: 0; /* Stay at the top */
	  left: 0;
	  background-image: url("h2o.gif");
	  background-size: 200px,200px;
	  filter: drop-shadow(8px 8px 10px darkblue);
	  overflow-x: hidden; /* Disable horizontal scroll */
	  padding-top: 10px;
	  padding-bottom: 20px;
	}

	/* The navigation menu links */
	.sidenav a {
	  padding: 6px 8px 6px 16px;
	  text-decoration: none;
	  font-size: 25px;
	  color: white;
	  display: block;
	}

	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover {
	  color: orange;
	}
	
		#box {
			padding-top: 10px;
			padding-bottom: 8px;
			width: 170px;
			background-color: rgb(242, 134, 53);
			border-radius: 5px;
			filter: drop-shadow(4px 4px 6px darkblue);
			}


	/* Style page content */
	.main {
	  margin-left: 210px; /* Same as the width of the sidebar */
	  padding: 0px 10px;
	}

	/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
	  .sidenav {padding-top: 15px;}
	  .sidenav a {font-size: 18px;}