*{
    padding: 0;
    margin: 0;
    box-sizing: border-box !important;
}

h1 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    position: relative !important;
    font-weight: bolder !important;
    /* top: -200px !important; */
    /* font-family: 'Lucida Grande', 'Times New Roman', Times, serif; */
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    color: #222;
    /* text-shadow: rgb(0 0 0 / 30%) -1px -1px 0px, rgb(0 0 0 / 30%) -1px 1px 0px, rgb(0 0 0 / 30%) 1px 1px 0px, rgb(0 0 0 / 30%) 1px -1px 0px; */
    /* text-shadow: #fff -1px -1px 0px, #333 -1px 1px 0px, #000 1px 1px 0px, #000 1px -1px 0px; */
}

h1 b {
    font-size: 3rem;
}

.fa {
    font-size: 3rem !important;
}



.card-text {
    font-size: 1.5rem !important;
}

a:link { text-decoration: none !important; }
a:visited { text-decoration: none !important; }
a:hover { text-decoration: none !important; }
a:active { text-decoration: none !important; }
a.highlightened { 
    color: #d3dd88 !important; 
}

a.navbar-brand.highlightened { 
    /* font-family: 'Lucida Grande', 'Times New Roman', Times, serif; */
    font-family: "Montserrat", Sans-serif;
    font-size: 2.5rem;
}

a.highlightened:hover { 
    color: #d3dd88 !important; 
}

/* Nav menu bar */

.navbar-brand {
    color: #ffffff !important;
    font-weight: bolder;
}
.navbar-dark .nav-item .nav-link {
    color: #eef2d2 !important;
    font-size: 1rem;
}
.navbar-dark .nav-item.active .nav-link {
    color: #f5d10d !important;
}
.navbar-dark .nav-item:focus .nav-link,
.navbar-dark .nav-item:hover .nav-link {
    color: #f5d10d !important;
}

.main-links a {
    font-size: 1.2rem !important;
}


/* forms style */

.ybo-form-center {
    max-width: 500px !important;
}

/* footer */

footer *{
    color: #eef2d2 !important;
}

footer a {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-size: 1.1rem;
}

footer a:hover{
    color: #f5d10d !important;
}

footer a.active{
    color: #f5d10d !important;
}

footer ul{
    display:flex;
    justify-content: center;
    flex-direction: row;
}

footer li {
    list-style: none;
    color: #ffffff; 
    margin: 0 5px;
}

@media screen and (min-width: 1200px) {
    .center-card .card {
        max-width: 36.63vh !important;
    }
}

@media screen and (max-width: 1199px) {
    .center-card .card {
        max-width: 30.55vh !important;
    }
}

/* YBO DESIGN ruler */
@media screen and (max-width: 767px) {
    * {
        display: inline !important;
    }
    img {
        width: 120% !important;
        position: relative !important;
        left: -200px !important;
    }
}

/* animation */
.reveal {
    position: relative;
    opacity: 0;
  }
  .reveal.active {
    opacity: 1;
  }
  .active.fade-bottom {
    animation: fade-bottom 1s ease-in;
  }
  .active.fade-left {
    animation: fade-left 1s ease-in;
  }
  .active.fade-right {
    animation: fade-right 1s ease-in;
  }

  @keyframes fade-bottom {
    0% {
      transform: translateY(50px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-left {
    0% {
      transform: translateX(-100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes fade-right {
    0% {
      transform: translateX(100px);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }