@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,400;0,700;1,700&family=Cabin:ital,wght@0,400;0,700;1,400&family=Cinzel:wght@400;500&family=Delius+Unicase:wght@400;700&family=Gabarito:wght@400;600;700&family=Goblin+One&family=Henny+Penny&family=Inter:wght@300;400;600;700&family=Kanit:wght@400;600;700&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Lobster&family=Lora:ital,wght@0,400;0,600;1,500&family=Manrope:wght@300;400;600;700&family=Merriweather&family=Monoton&family=Murecho:wght@400;600&family=Noto+Sans:wght@200;300;400;500;600;700&family=Noto+Serif+Gujarati:wght@400;600;700&family=Nunito:ital,wght@0,400;0,600;1,400&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playball&family=Poppins:wght@400;600&family=Questrial&family=Quicksand:wght@400;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,700&family=Rosario:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&family=Sansita+Swashed:wght@400;700&family=Sora:wght@400;700&family=Staatliches&family=Ubuntu:ital,wght@0,400;0,500;0,700;1,300;1,400&family=Urbanist:wght@300;400;600;700&family=Vast+Shadow&family=Ysabeau:ital,wght@0,400;0,600;0,700;1,600;1,700&display=swap');

  @import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;700&family=Finlandica:wght@600&family=Fuzzy+Bubbles:wght@400;700&family=Hammersmith+One&family=IBM+Plex+Mono:wght@400;700&family=Lato:ital,wght@0,400;0,700;1,700&family=Martian+Mono:wght@400;600&family=Murecho&family=Open+Sans:wght@400;600;700&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200&family=Red+Hat+Display:wght@400;600;700&family=Roboto+Mono:wght@300;400;500;600;700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Stick+No+Bills:wght@700&family=Twinkle+Star&family=Walter+Turncoat&display=swap');

@import url("https://fonts.googleapis.com/css?family=Poppins:400");
:root {
  --font-fam-footer-header:"Open Sans", sans-serif;
  --font-fam-footer-link:"Open Sans", sans-serif;
  --font-fam-text:"Raleway", sans-serif;
  --font-fam-header:"Red Hat Display", sans-serif;;
  --font-text-normal: "Raleway", sans-serif;
  --font-md-normal: "Poppins", sans-serif;
  --font-nav-normal: "Poppins", sans-serif;
  --font-nav-title: "Mukta Malar", sans-serif;
  --font-title-normal: "Lato", sans-serif;
  font-family: "Cuprum", sans-serif;
  font-family: "Geologica", sans-serif;
  font-family: "IBM Plex Mono", monospace;
  font-family: "IBM Plex Serif", serif;
  font-family: "Lato", sans-serif;
  font-family: "Mukta Malar", sans-serif;
  font-family: "Murecho", sans-serif;
  font-family: "Open Sans", sans-serif;
  font-family: "Raleway", sans-serif;
  font-family: "Red Hat Display", sans-serif;
  font-family: "Righteous", cursive;
  font-family: "Roboto", sans-serif;
  font-family: "Roboto Mono", monospace;
  font-family: "Hammersmith One", sans-serif;
  font-family: "Poppins", sans-serif;
}

html {
  font-size: 14px;
} /*-------base font-------*/

body {
  font-size: 1.2rem;
  font-family: var(--font-fam-text);

  font-weight: 400;
  line-height: 1.6;
  color: var(--text-color-light);
}

p {
  text-indent: 1rem;
  letter-spacing: .5px;
  margin-bottom: 1rem;
}

h1,
h2,
h3,
h4,
h5 {
  color: white;
  text-shadow: var(--text-shadow-light);
  font-family: var(--font-fam-header);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1.2px;
}
h2 {
  letter-spacing: 0px;
}

h1 {
  margin-top: 0;
  font-size: 4.209rem;
}

h2 {
  font-size: 3.157rem;
}

h3 {
  font-size: 2.369rem;
}

h4 {
  font-size: 1.777rem;
}

h5 {
  font-size: 1.333rem;
}

small,
.text_small {
  font-size: 0.75rem;
}

/* ------------Media Queries---------- */

@media screen and (max-width: 700px) {
  html {
    font-size: 14px;
  }
  h1 {
    margin-top: 0;
    font-size: 3.052rem;
  }

  h2 {
    font-size: 2.441rem;
  }

  h3 {
    font-size: 1.953rem;
  }

  h4 {
    font-size: 1.563rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  small,
  .text_small {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 1000px) {
  html {
    font-size: 12px;
  }
}