/* font */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

.primary-font{
    font-family: 'Fredoka', sans-serif;
}

.secondary-font{
    font-family: 'Lora', serif;
}




.bold{
    font-weight: 900;
}

/* hr */
.hr {
    position: relative;
    border: none;
    height: 2px;
  }

/* vertical spacer */
  .azr5 {
    padding-top: 5px;
  }
  .azr10 {
    padding-top: 10px;
  }
  .azr15 {
    padding-top: 15px;
  }
  .azr20 {
    padding-top: 20px;
  }
  .azr25 {
    padding-top: 25px;
  }
  .azr30 {
    padding-top: 30px;
  }
  .azr40 {
    padding-top: 40px;
  }
  .azr100 {
    padding-top: 100px;
  }


/* hero section */

.hero-section {
    background-image: url('../img/header-bg.png');
    background-size: cover;
    background-position: center;
    padding: 100px 0;
  }