/* Import font from google fonts */
  @import url('https://fonts.googleapis.com/css2?family=Borel&family=Ruwudu&family=Ubuntu&display=swap');




.logo-text-color {
    color: orange;
}

h2, h3 {
    color: teal;
    font-family: 'Ubuntu', sans-serif;
}

.btn-primary{
    background-color: teal !important;
}

.body-container {
    background-color: white;
    margin-top: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
}

img {
    max-width: 100%;
    height: auto;
}

.tp{
   padding-top: 15px !important;
    
}

.footer {
    line-height: 1;
    padding-top: 10px;
}

.footer > a {
    text-decoration: none;
    color: white;
}
.footer > a:hover {
    color: orange;
}


/* The animation below was generated from http://animista.net under FreeBSD License */
.text-focus-in {
    -webkit-animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-focus-in 2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(20px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}



.hero-image {
    background-image: url('/assets/images/header.png');
    background-size: cover;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
  }
  
  .hero-image h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
  }
  
  .hero-image p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
  
  .hero-image em {
    font-style: italic;
  }