@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&family=Roboto:wght@300&display=swap');
body {
    font-family: 'Capriola', sans-serif;
    /* 'Open Sans', sans-serif; */
    font-size: large;
    background-color: #454543;
    overflow-x: hidden;
    color: white;
  }

.navbar-brand{
    float: left;
  }


.text-logo{
  font-family: 'Poiret One', cursive; 
  color: white;
  float: left;
}

.active a {
    color: #ff7360 !important;
  }

a {
    color: #34d4ae;
  }

.nav-item:hover:not(.active) a {
    color: #34d4ae !important;
  }

.sticky {
    position: sticky;
    top: 0;
    background-color: black;
    z-index: 999;
  }

body p {
    font-family: /* 'Didact Gothic', sans-serif; */'Roboto', sans-serif;
  }

.container-fluid {
    margin: 0 5% 5% 5%;
    color: white;
  }

.intro {
    font-size: large;
  }
  
.dropdown {
    position: relative;
    display: inline-block;
  }

.dropdown-content {
    display: none;
    position: absolute;
    background-color:black;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 3px;
    color: white !important;
  }

#dc a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-radius: 3px;
    color: rgba(255,255,255,0.5) !important;
  }

#dc a:hover {
    background-color: #262626;
    color: #34d4ae !important;
  }

.dropdown:hover .dropdown-content {
    display: block;
  }

.images img{
    padding-bottom: 10px;
  }

@media only screen and (max-width: 768px) {
    .dropdown:hover .dropdown-content {
      display: none !important;
    }
  }

  #top-btn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #ff1e00;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
  }

  #top-btn:hover {
    cursor: pointer;
    background-color: #ff7360;
  }
  .article {
    display: inline-block;
  }

  .date {
    color: #ff7360;
  }

  .italic {
    font-style: italic;
  }