@font-face {
  font-family: "Markerfield";
  src: url("../fonts/Markerfield-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SweetSansBoldSC";
  src: url("../fonts/Sweet - SweetSans-BoldSC.otf") format("opentype");
}

@font-face {
  font-family: "SweetSansBold";
  src: url("../fonts/Sweet - SweetSans-Bold.otf") format("opentype");
}

@font-face {
  font-family: "SweetSansRegular";
  src: url("../fonts/Sweet - SweetSans-Regular.otf") format("opentype");
}

.markerfield {
  font-family: "Markerfield", sans-serif;
  font-size: 20px;
}

.sweetSansBoldSC {
  font-family: "SweetSansBoldSC", sans-serif;
  font-size: 20px;
}

.sweetSansBold {
  font-family: "SweetSansBold", sans-serif;
  font-size: 20px;
}

.sweetSansRegular {
  font-family: "SweetSansRegular", sans-serif;
  font-size: 20px;
}

/* @font-face {
    font-family: "PodravkaSans-Regular";
    src: url("../fonts/PodravkaSans-Regular.otf") format("opentype");
  }
  
  @font-face {
    font-family: "PodravkaSans-Medium";
    src: url("../fonts/PodravkaSans-Medium.otf") format("opentype");
  }
  
  @font-face {
    font-family: "PodravkaSans-Bold";
    src: url("../fonts/PodravkaSans-Bold.otf") format("opentype");
  }
  
  @font-face {
    font-family: "DirtyHeadline";
    src: url("../fonts/Dirty Headline Regular.ttf") format("truetype");
  }
  
  .PodravkaSans-Regular {
    font-family: "PodravkaSans-Regular", sans-serif;
    font-size: 20px;
  }
  
  .PodravkaSans-Medium {
    font-family: "PodravkaSans-Medium", sans-serif;
    font-size: 20px;
  }
  
  .PodravkaSans-Bold {
    font-family: "PodravkaSans-Bold", sans-serif;
    font-size: 20px;
  }
  
  .DirtyHeadline {
    font-family: "DirtyHeadline", sans-serif;
    font-size: 20px;
  } */