body { 
  background: url("https://media.giphy.com/media/5kq0GCjHA8Rwc/giphy.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

#page {
  margin: 3vw;
}

.content {
   background: linear-gradient(to bottom right, rgb(238, 184, 113, 0.4), rgb(78, 66, 95, 0.5), rgb(74, 93, 146, 0.5));
  background-color: rgb(33, 28, 56, 0.97);
  color: white;
  padding: 4vh;
  text-align: center;
}

#title {
  font-family: "Merriweather", Comic Sans MS;
  margin: 0vh 20vw;
  border-radius: 45% 45% 5% 5%; 
}

.small-pic {
  width: 10vw;
  border: 2px white dashed;
  border-radius: 50%;
  margin: 1vw;
}

.small-pic:hover{
 width: 10.2vw; 
  transform: rotate(30deg);
}

.small-pic:active{
 transform: rotate(180deg); 
}

#links {
  margin: 2vh 20vw;
  border-radius: 5%;
}

#footer {
  margin: 0vh 20vw;
  border-radius: 5% 5% 50% 50%;
  padding: 2vh;
}

h1 {
	color: white;
  text-align: center;
  font-family: "Comic Sans MS";
}

h2 {
	color: white;
  text-align: center;
  font-family: "Comic Sans MS";
}

h3 {
	color: white;
  text-align: center;
  font-family: "Comic Sans MS";
}

a, p {
  color: honeydew;
  font-family: Arial, sans-serif;
}

/*remember, declared order must follow LVHA
(Link Visited Hover Active)*/
a:visited {
  color: #BEF7FE;
}

a:hover {
 color: #FCECC0; 
}

hr {
 background-color: rgb(255,255,255, 0.1); 
 border: none;
 height: 1px;
 margin: 15px 0px;
 border-radius: 50% 50% 5% 5%; 
}