body {
background: linear-gradient(77deg, rgba(0,128,128,1) 30%, rgba(115,155,208,1) 70%);
height: 100vh;
	font-family: Arial, sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
}

h1 {
	margin: 20px 0;
		font-size: 2em;
		color: white;
}
	.marquee {
 height: 50px;	
 overflow: hidden;
 position: relative;
 position: absolute;
 width: 100%;
 margin: 0;
 line-height: 50px;
 text-align: left;
 /* Apply animation to this element */	
 -moz-animation: marquee 10s linear infinite alternate;
 -webkit-animation: marquee 10s linear infinite alternate;
 animation: marquee 10s linear infinite alternate;
}
@-moz-keyframes marquee {
 0%   { -moz-transform: translateX(70%); }
 100% { -moz-transform: translateX(0%); }
}
@-webkit-keyframes marquee {
 0%   { -webkit-transform: translateX(70%); }
 100% { -webkit-transform: translateX(0%); }
}
@keyframes marquee {
 0%   { 
 -moz-transform: translateX(70%); /* Firefox bug fix */
 -webkit-transform: translateX(70%); /* Firefox bug fix */
 transform: translateX(70%); 		
 }
 100% { 
 -moz-transform: translateX(0%); /* Firefox bug fix */
 -webkit-transform: translateX(0%); /* Firefox bug fix */
 transform: translateX(0%); 
 }
}

.rainbow {
  color:white;
  font-size:20;
  text-decoration:none;
  animation:rainbow 2s linear infinite alternate;
}

@keyframes rainbow {
    0%   {color:red;        }
    10%  {color:orange;     }
    20%  {color:gold;       }
    30%  {color:yellow;     }
    40%  {color:yellowgreen;}
    50%  {color:green;      }
    60%  {color:cyan;       }
    70%  {color:blue;       }
    80%  {color:violet;     }
    90%  {color:magenta;    }
    100% {color:indigo;     }
}
	.gallery {
		display: flex;
		flex-wrap: wrap;
		max-width: 900px;
		gap: 10px;
	}
	
	.gallery-item {
		flex: 1 0 calc(33.333% - 10px);
		box-sizing: border-box;
	}
	
	.gallery-item img {
		width: 100%;
		height: auto;
		display: block;
	}