body { 
  background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRyEJCw6FiX3JGkz4cO2f2ndWWn5q4lLiYqAIUHiS1G_B2zd8dSyD-hV_1pU6kQwoxHnx8&usqp=CAU");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

#page {
  margin: 3vw;
}

.content {
   background: linear-gradient(to bottom right, red, yellow);
  color: white;
  padding: 4vh;
  text-align: center;
}

#title {
  font-family: "Merriweather", sans-serif;
  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;
}

h2 {
	color: white;
  text-align: center;
  font-family: "Mate SC";
}

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

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

a:hover {
 color: white; 
}

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