.body{
	 background-image:url("https://images.unsplash.com/photo-1664383111863-220fb0dbeb03?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
font-family:georgia;
}
.body1{
	 background-image:url("https://www.gohawaii.com/sites/default/files/styles/image_gallery_bg_xl/public/hero-unit-images/12845%20%281%29.jpg?itok=LlF1h_ZD");
font-family:georgia;
}
.body2{
	background-color:coral;
}
.body3{
	background-color:tan;
}
.body4{
 background-image:url("https://images.unsplash.com/photo-1556206079-747a7a424d3d?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
font-family:georgia;
}
.activity{
	border-style:solid;
}
.culture{
	height:640px;
	 transition: height 2s, filter 2s;
}
.culture:hover{
	filter: grayscale(80%);
	height:700px;
}
section{
	 border-bottom:dashed 2px;
}
.facts{
	background-color:white;
	color:black;
}
.open{
	background-color:green;
}
p{
	font-size: 25px;
	color:white;
	text-align: left;
}
a{
	color:white;
	font-size:20px;
}
.page1{
	color:white;
	text-decoration:underline;
}
.image1{
	height:500px;
	width: 300px;
	greyscale:(100%);
}
.waterfall:hover::after{
	color:white;
	content:"Hawaii Waterfalls!!";
  font-size:35px;
}
iframe{
		display: block;
  margin-left: auto;
}
.oahu{
	text-shadow: 5px 2px gray;
}
.ocean{
	height:300px;
	width:500px;
	border:dotted;
	margin: 5px 5px 5px 5px;
	padding:2px;
	border-color:white;
}
.website{
	display: block;
  margin-left: auto;
}
.surf{
	display: block;
  margin-left: auto;
  transition: transform 1s;
}
.surf:active{
	  transform: rotate(360deg);
}
a:link {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: pink;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
img.filtered-image {
    animation: sepiaFilter 2s forwards;
}

@keyframes sepiaFilter {
    from {
        filter: sepia(0%);
		height:813px;
		width:1600px;
    }
    
    to {
        filter: sepia(100%);
		height:400px;
		width:800px;
    }