@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,800;1,300&family=Sofia+Sans+Extra+Condensed:ital,wght@0,300;0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,800;1,300&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400&family=Sofia+Sans+Extra+Condensed:ital,wght@0,300;0,400;0,700;1,400&display=swap');


@font-face {
  font-family: "Sofia Sans Extra Condensed";
  src: url("../src/fonts/Sofia_Sans_Extra_Condensed/SofiaSansExtraCondensed-VariableFont_wght.ttf");
}

@font-face {
  font-family: Roboto Condensed;
  src: url("../src/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf");
}


nav,head{
  font-family: Sofia Sans Extra Condensed Regular, ui-sans-serif;
}

body,span{
  font-family: Roboto Condensed, ui-sans-serif;
}

h1{
  font-family: Sofia Sans Extra Condensed, ui-sans-serif;
  font-weight: initial;
  font-size: 4rem;
}

@media only screen and (max-device-width: 480px) {
  h1{
    font-family: Sofia Sans Extra Condensed, ui-sans-serif;
    font-weight: initial;
    font-size: 2.5rem;
  }
}

@media only screen and (max-device-height: 600px) {
  h1{
    font-family: Sofia Sans Extra Condensed, ui-sans-serif;
    font-weight: initial;
    font-size: 2rem;
  }
}



h2{
  font-family: Sofia Sans Extra Condensed, ui-sans-serif;
  font-weight: initial;
  font-size: 2rem;

}

h2:hover {
             color: #C65D7B;
             cursor: pointer;
           }

h3{
  font-family: Sofia Sans Extra Condensed, ui-sans-serif;
  font-weight: initial;
  font-size: 1.5rem;
}

h3:hover {
  color: #C65D7B;
  cursor: pointer;
}

h4{
  font-family: Sofia Sans Extra Condensed, ui-sans-serif;
  font-weight: initial;
  font-size: 2.5rem;
}

h5{
  font-family: Sofia Sans Extra Condensed, ui-sans-serif;
  font-weight: initial;
  font-size: 2.3rem;
}

h6{
  font-family: Sofia Sans Extra Condensed, ui-sans-serif;
  font-weight: initial;
  font-size: 2.3rem;
}