.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}



body{
  background-image: url('https://files.catbox.moe/abnhgk.jpg');
  background-size: cover;
  background-attachment: fixed;
  font-family: Arial;
}

main{
  width: 800px;
  margin: auto;
  border: solid 2px white;
  border-radius: 5px;
}

header{
  background: linear-gradient(180deg, rgba(255, 255, 255), rgba(181, 181, 181, 0.2));
  backdrop-filter: blur(3px);
  padding: 13px;
}

nav{
  text-align: left;
  padding: 13px;
  background: linear-gradient(180deg, #5e5e5e 1px, #242424 25px, black 25px);
}

nav a{
color: black;
text-decoration: none;
padding: 7px;
background: linear-gradient(180deg, white 20px, #DBDBDB 20px, white);
border: solid 2px lightgrey;
border-radius: 5px;
}

.select{
  background: rgba(0, 0, 0, 0.3);
  padding: 15px;
  backdrop-filter: blur(3px);
}

.select img{
  border: solid 2px #404040;
}