body {
    margin: 0%; /*site displays all the way on screen*/
    opacity: 1; /*fade in effect*/
    transition: 2s opacity; /*This causes a 3 second fade in*/
    letter-spacing: .1vw;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    background-color: rgb(10, 10, 10);
    }

  html {
    
    background-color: rgb(10, 10, 10);
    font-family: "aileron", sans-serif;
  }

  .btn {
    background-color: transparent;
    border: 1px solid #6F4A8E;
    color: rgb(245, 245, 245);
    text-align: center;
    padding: .5vh 1.5vh .5vh 1.5vh;
    max-width: 15vw;
  }
  .btn:hover {
    color:white;
    background-color:#6F4A8E;
    text-decoration: none;
    text-align: center;
    padding: .5vh 1.5vh .5vh 1.5vh;
  }

  h1 {
    font-family: 'Merriweather', serif;
    font-size: 2em;
    color: rgb(245, 245, 245);
  }
  h2 {
    font-family: 'Merriweather', serif;
    font-size: 2.5vh;
    color: rgb(245, 245, 245);
  }
  h3, .uk-card-title {
    font-family: 'Merriweather', serif;
    font-size: 2.2vh;
    color: rgb(245, 245, 245);
    
  }
  p, .uk-text-lead {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    font-size: 1.7vh;
   color: rgb(245, 245, 245);
  }
  a, .uk-button-text:focus, .uk-button-text:hover, .uk-button-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.7vh !important;
    text-transform: capitalize !important;
    text-decoration: none;
    color: rgb(245, 245, 245);
    border-bottom: 1px solid #6F4A8E;
    
  }
  .uk-card-default .uk-card-title {
    color: rgb(245, 245, 245);
  }
  li>a {
    color:;
  }
  a:hover {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.7vh !important;
    text-transform: capitalize !important;
    text-decoration: none;
    color: rgb(245, 245, 245);
    border-bottom: 1px solid rgb(245, 245, 245);
  }
  .uk-accordion-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.7vh !important;
    text-transform: capitalize !important;
    text-decoration: none;
    color: rgb(245, 245, 245);
  }
  .uk-accordion-title:hover {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.7vh !important;
    text-transform: capitalize !important;
    text-decoration: none;
    color: rgb(255, 255, 255);
  }
  .uk-accordion-title:active {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.7vh !important;
    text-transform: capitalize !important;
    text-decoration: none;
    color: rgb(255, 255, 255);
  }
  .uk-navbar-nav > li > a {
    border-bottom: none;
  }
  .filters {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5vh;
    background-color: transparent;
  }
  .uk-subnav-pill>.uk-active>a {
    background-color: transparent;
    color: #999999;
  }

  .fas:hover {
    color: white;
  }
  .introphoto {
    max-height: 400px !important;
    max-width:300px !important;
  }
.uk-card {
  background-color: rgb(5, 5, 5);
  border-bottom: 1px solid #6F4A8E;
}
hr {
  border-top: 1px solid #6F4A8E;
}
.uk-subnav-pill > * > :first-child {
  color: rgb(255, 255, 255);
}
.uk-subnav-pill > .uk-active > a {
  color: rgb(255, 255, 255);
}
em {
  color: rgb(255, 255, 255);
}