@keyframes myAnimation {
  from {background-color: rgb(252, 252, 161);}
  to {background-color: black;}
}

body{
  background-color: rgb(252, 252, 161);
  background-image: url("plunder_images/plunderBG.jpg");
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

h1{
  color:rgb(232, 84, 39);
  text-align:center;
  font-size: 50px;
  font-family: "Quintessential";
  border-bottom: 2px rgb(232, 84, 39) solid;
}
p{
  color:rgb(232, 84, 39);
  text-align:center;
  padding: 20px;
}
#flipped_gif{
  transform: rotateY(180deg);
}
.entry{
  display:flex;
  flex-direction:row;
  align-items: center;
  background-color: rgb(252,252,161);
  color:rgb(232, 84, 39);
  margin-right:20%;
  margin-left:20%;
  margin-bottom:20px;
  border: solid rgb(232, 84, 39) 2px;
  padding:20px;
}

.entry li::before{
  content: "Note: ";
  font-weight:bold;
}

footer{
  text-align:center;
  border-top:2px rgb(232, 84, 39) solid;
}
a:link{
  color:rgb(232, 84, 39);
}
a:visited{
  color:rgb(232, 84, 39);
}
a:focus{
  color:rgb(232, 84, 39);
}
a:hover{
  font-weight:bold;
  color:rgb(232, 84, 39);
}
a:active{
  color:rgb(232, 84, 39);
}


#preamble{
  margin-left:10%;
  margin-right:10%;
  background:rgb(252,252,161);
  border: solid rgb(232, 84, 39);
}