* {
  box-sizing: border-box;
  cursor: url(./cursors/cursor.ani), url(./cursors/cursor.png), auto !important;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 500px;
  margin: 0 auto;
  padding: 2em;
}

html,
body {
  margin: 0;
  padding: 0;
  background-image: url(./images/background.gif);
  background-repeat: repeat;
  font-family: "Comic Neue", cursive;
}

footer {
text-align: center;
padding: 1em;
font-size: 1rem;
}

#userName {
  text-align: center;
  color: aquamarine;
  text-decoration: underline;
  font-size: 1rem;
  margin: 0;
}

a {
  text-decoration: none;
}

p {
  text-align: center;
  color: aquamarine;
  margin: 2em 0;
}

#links {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.link {
  min-width: 20%;
  margin-bottom: 2em;
  padding: 1em;
  background-color: rgb(195, 195, 195);
  border-top: solid 6px rgb(252, 252, 252);
  border-left: solid 6px rgb(252, 252, 252);
  border-bottom: solid 6px rgb(136, 136, 136);
  border-right: solid 6px rgb(136, 136, 136);
  font-family: "Comic Neue", cursive;
  text-decoration: none;
  text-align: center;
  color: blueviolet;
  font-size: large;
}

.link:active {
  transform: translateY(4px);
}

ion-icon {
  vertical-align: text-bottom;
  width: 1.1875em;
  height: 1.1875em;
}