html, body {
      height: 100%;
      margin: 0; /* Remove default margin for consistent full-page coverage */
      padding: 0px /* Remove default padding */
    }
body {
	color: white;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-position:  center center;
	background-color: #33ccff;
	opacity: 1;
	background-image: url(../images/beach02.jpg); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.2vw;
	background-size: 100% auto; /* Sets width to 100% and height to auto (maintains aspect ratio) */
	background-repeat: no-repeat; /* Prevents image from repeating if it doesn't fill the height */
	background-position: center top; /* Centers the image horizontally and aligns to the top */
	background-size: cover; /* Scale the image to cover the entire container */
	background-size: cover; /* Scale the image to cover the entire container */
}	
	
}

p {
	color: white;
}

a:link, a:visited {
	color: green;
}
a:hover{
	color: yellow;
}
a.1:link, a.1:visited {
	color: green;
}