@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
* {
  font-family: "Inter", sans-serif;
}

body {
  height: 100vh;
  background-image: url(imgs/pattern.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body .info h4 {
  color: #FFF;
}

a {
  color: #000;
  text-decoration: none;
}
a i {
  font-size: 24px;
}

.full-profile {
  width: 80vw;
}
.full-profile h4 {
  font-size: 1.2em;
}
.full-profile .links {
  width: 40vw;
  font-size: 1rem;
}
.full-profile .links a {
  box-shadow: 0px 10px 12px 4px rgba(0, 0, 0, 0.1);
  height: 52px;
}
.full-profile .links i {
  color: #2a668c;
  font-size: 1rem;
  background-color: white;
  padding: 5px 10px;
  border-radius: 50%;
  border: 1px solid grey;
}
.full-profile .links a:hover {
  transform: scale(1.02);
  transition-duration: 0.3s;
}

.profile-img {
  width: 140px;
  height: 140px;
  background-image: url(imgs/tamandua-svg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  border-radius: 50%;
  background-color: #FFF;
}

footer {
  width: 40vw;
}
footer i {
  font-size: 1.2em;
  color: #FFF;
}
footer i:hover {
  color: #933f21;
  transition-duration: 0.3s;
}

@media (max-width: 900px) {
  .full-profile .links {
    width: 90vw;
  }
}
.shaking {
  animation: shaking 2.5s infinite;
}

@keyframes shaking {
  40% {
    transform: translate(0, 0) rotate(0deg);
  }
  41% {
    transform: translate(2px, 2px) rotate(1deg);
  }
  45% {
    transform: translate(-2px, 2px) rotate(-1deg);
  }
  48% {
    transform: translate(2px, 2px) rotate(1deg);
  }
  50% {
    transform: translate(-2px, 2px) rotate(-1deg);
  }
  51% {
    transform: translate(0, 0) rotate(0deg);
  }
}/*# sourceMappingURL=styles.css.map */