h1, h2 {
  font-family: "Oswald";
  text-decoration: underline;
  text-shadow: 5px 5px 10px #ff8825
}

h1 {
	text-decoration: underline wavy;
  font-size: 50px;
}

h2 {
	font-size: 2em;
  margin:0.5em;
}

li {
  font-size: 1.5em;
}

a, p, caption, li {
  color: black;
  font-family: "Farro";
  text-shadow: 5px 5px 30px #c76a1d
}

a:visited {
	color: #3f1054;
}

body {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150%;
  animation: bg 5s infinite;
}

hr {
  color: black;
  border: 1px solid #000000;
  width: 50%;
}

.title {
  font-size: 1.25em;
  width: 70%;
  margin-bottom: 50px;
  text-align: center;
}

.link-box {
  width: 60%;
  display: flex;
	flex-direction: column;
  text-align: center;
}

#box {
  border: 10px solid #FF8927;
	background: rgb(254,191,137);
	background: radial-gradient(circle, rgba(254,191,137,1) 65%, rgba(255,136,37,1) 100%);
  padding: 10px;
  margin: 1.25em auto;
  border-radius: 3em;
  box-shadow: 10px 10px 30px
}

.extra {
  color: #5c2f0d;
}

.description {
	font-size: 1.25em;
}

.row {
  flex-direction: row;
}

.video {
	width: 300px;
  display: inline-block;
}

.video img {
  width: 45%;
  margin: 1px;
  background-color: white;
  border: 5px solid;
  text-align: center;
  box-shadow: -5px 5px 20px rgba(0,0,0,0.5)
}

.art {
	width: 300px;
  display: inline-block;
}

.art img {
  width: 60%;
  background-color: white;
  border: 5px solid;
  text-align: center;
  box-shadow: -5px 5px 20px rgba(0,0,0,0.5)
}

.star {
  animation: spin 7s infinite;
  text-align: center;
}

.link-box p {
  font-size: 0.8em;
}

@keyframes bg {
  0% {background: rgb(27,13,33); background: linear-gradient(0deg, rgba(27,13,33,1) 0%, rgba(83,9,121,1) 100%);}
  50% {background: rgb(53,26,65); background: linear-gradient(0deg, rgba(53,26,65,1) 0%, rgba(99,11,144,1) 100%);}
  100% {background: rgb(27,13,33); background: linear-gradient(0deg, rgba(27,13,33,1) 0%, rgba(83,9,121,1) 100%);}
}

@keyframes spin {
  0% {rotate:0deg}
  100% {rotate:360deg}
}