@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v18/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
#site {
  min-height: 100vh;
  background: #123072;
}
#site *:not(.fas) {
  text-align: center;
  color: #e0ebff;
  font-family: 'Roboto Condensed', sans-serif;
}
#site h1 {
  font-size: 3rem;
}
#site h2 {
  font-size: 2rem;
}
#site h3 {
  font-size: 1.5rem;
}
#site section,
#site footer {
  display: block;
}
#site section#nav {
  padding-top: 7vw;
  padding-bottom: 1vw;
}
#site section#nav h1 {
  text-shadow: 2px 2px 2px #0c214b;
}
#site section#nav h2 {
  color: rgba(59, 190, 255, 0.62);
  text-shadow: 2px 2px 2px #0c214b;
}
#site section#middle {
  margin: 3vw 0 1vw 0;
}
#site section#middle #hammer {
  display: inline-block;
  animation: hammerpulse 1s infinite;
  padding: 2rem;
  border-radius: 50%;
  height: 9rem;
  width: 9rem;
}
#site section#middle #hammer i {
  font-size: 5rem;
  text-shadow: 2px 2px 2px #0c214b;
  display: inline-block;
  animation: hammerrotation 2s infinite linear;
}
@keyframes hammerrotation {
  0% {
    transform: rotate(-5deg);
  }
  20% {
    transform: rotate(-20deg);
  }
  20% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(45deg);
  }
  70% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@keyframes hammerpulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(59, 190, 255, 0.62);
    box-shadow: 0 0 0 0 rgba(59, 190, 255, 0.62);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(59, 190, 255, 0);
    box-shadow: 0 0 0 10px rgba(59, 190, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(59, 190, 255, 0);
    box-shadow: 0 0 0 0 rgba(59, 190, 255, 0);
  }
}
#site section#middle p {
  margin-top: 15px;
}
#site section#contact label {
  cursor: pointer;
}
#site section#contact h3 i,
#site section#contact h3 span {
  text-shadow: 2px 2px 2px #0c214b;
}
#site section#contact h3 span {
  margin-left: 5px;
  cursor: copy;
}
#site section#contact h3 #copied {
  font-size: 0.75rem;
  color: rgba(145, 240, 35, 0.82);
}
@media screen and (max-width: 1000px) {
  #site section#contact h3 #copied {
    display: block;
  }
}
#site footer {
  position: absolute;
  width: 100%;
  bottom: 0;
}
#site footer p {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: red;
  font-size: 0.75rem;
}
/*# sourceMappingURL=styles.css.map */