html {
  overflow-y: scroll;
}

body {
  background-color: rgb(7, 7, 22);
}

* {
  color: rgb(251, 253, 251);
}

.nav-link {
  padding-left: 0 !important;
}

h1 {
  font-size: 5.5em;
  letter-spacing: 0.05em;
  font-family: "Libre Bodoni", serif;
}

ol {
  list-style-type: none;
}

a {
  text-decoration: none;
}

a:visited {
  color: initial;
}

::selection {
  background: #dbd93a;
}

.fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-timing-function: ease;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 100;
    transform: translateY(0px);
  }
}

/* -----------------------
HOME
--------------------------*/
.nav a:hover {
  transition: box-shadow 0.18s cubic-bezier(0.36, 0.65, 0.62, 1);
  box-shadow: inset 0 -4px 0 #87f7ac;
}

.hero a {
  text-decoration: none;
  border-bottom: 2px solid #87f7ac;
  box-shadow: inset 0 -4px 0 #87f7ac;
  color: inherit;
  transition: background 0.15s cubic-bezier(0.36, 0.65, 0.62, 1);
}

a,
a > h2 {
  color: rgb(79, 77, 209) !important;
  border-bottom: none;
  box-shadow: none;
}

a:hover,
a > h2:hover {
  color: #87f7ac !important;
  background: none;
}

.hero a:hover {
  background: #87f7ac;
  color: rgb(7, 2, 17) !important;
}

.hero p {
  font-size: 1.5em;
}

main {
  min-height: 78vh;
}

.card p,
.card h5 {
  color: rgb(7, 2, 17) !important;
}

.card > img:hover {
  opacity: 90%;
  transition-duration: .200s;
  transition-timing-function: ease-in-out;
}

.footerlinks > a {
  color: rgb(79, 77, 209) !important;
}

footer {
  border-top: 1px solid rgb(124, 124, 124);
}

footer a {
  text-decoration: underline;
}

footer a:hover {
  text-decoration: none;
}

/******************************
MOBILE
******************************/



@media only screen and (max-width: 600px) {

h1 {
    font-size: 3em;
  }

ul.nav {
    justify-content: center;
  }

}

@media only screen and (max-width: 600px) {
  footer > div > .footerInner {
    justify-content: center !important;
  }
}