styles for my summer scrapbook

style.css

body{
  background: linear-gradient(45deg,rgba(137,255,255,0.5),rgba(161,252,143, 0.25), rgba(255,167,137, 0.5));
  background-size: 400% 400%;
  -webkit-animation: gradientBG 10s ease infinite;
  animation: gradientBG 10s ease infinite;
  height: 100vw;
  overflow: hidden;
  font-family:sans-serif;
}

@-webkit-keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.header-title-avatar .mention-avatar{
    border-color: black;
    border-width: 5px;
    border-style: solid;
}

.container{
  background-color: rgba(255,255,255, 0.4);
  border-radius: 5px;
  border-color: black;
  border-width: 5px;
  border-style: solid;
  width: 75vw;
  margin: 0 auto;
  transition: all 0.5s ease-out;
  
}
.container:hover{
  box-shadow: 1vw 2vh #666666;
  transform: scale(1.1);
  transition: all 0.5s ease-out;
}