@font-face {
  font-family: Orbitron;
  src: url(../fonts/Orbitron-VariableFont_wght.ttf);
}

@font-face {
  font-family: RobotoSlab;
  src: url(../fonts/RobotoSlab-VariableFont_wght.ttf);
}

/* LOGO */
h1.logo {
  transition: font-size 0.55s ease-in-out;
  font-weight: 100;
  font-style: normal;
  font-family: Orbitron;
}

h1.icon {
  font-weight: 600;
}

/* LOGO END */

h2 {
  /* transition: font-size 0.1s ease-in-out; */
  padding-top: 1.5em;
  font-size: 1.7rem;
  font-weight: normal;
}

hr {
  border-radius: 100%;
  justify-self: center;
  width: 60%;
}

p {
  margin-top: 3%;
  margin-left: 3%;
  margin-right: 3%;
}

a {
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.75rem;
}

h1.moto {
  /* transition: font-size 0.1s ease-in-out; */
  /* text-decoration: underline; */
  font-size: 3rem;
}

h2.moto {
  padding-top: 1.5em;
  font-size: 1.7rem;
  font-weight: normal;
}

@media screen and (width >=545px) {
  h2 {
    padding-top: 0px;
    font-size: 2.75rem;
    font-weight: normal;
  }
}


/* h2 {
  font-size: xx-large;
  font-weight: normal;
  text-align: center;
} */