h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

.text-white {
  color: #fff;
}

.bg-black {
  background-color: #000;
}

.flex-cr-h {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.heading-xsm {
  z-index: 1;
  color: #31312f;
  font-size: 1.5em;
  line-height: 1px;
  position: relative;
}

.bg-yellow-shade {
  background-color: #c5a321;
}

.bg-white {
  background-color: #fff;
}

.bg-darkorange {
  background-color: #c37742;
}

.pad-left {
  padding-left: 10px;
}

.caps {
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
}

.flex-cl-h {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph {
  font-family: Space Mono, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.4;
}

.paragraph.pad-top.about {
  width: 90%;
  text-align: center;
}

.heading-3 {
  color: #31312f;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Silk Serif Medium, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1;
}

.bg-cream-shade {
  background-color: #e8e1d7;
}

.super-text {
  color: #d53829;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Silk Serif Medium, sans-serif;
  font-size: 7vw;
  font-weight: 500;
  line-height: 1;
}

.super-text.text-white {
  line-height: 1;
}

.super-text.pad-top {
  position: relative;
}

.super-text.pad-top.w {
  font-size: 6vw;
}

.styleguide-parent {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  align-items: center;
  padding: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.parent {
  z-index: 1;
  position: relative;
}

.bg-egshell {
  background-color: #edeae1;
}

.heading {
  color: #31312f;
  text-align: center;
  font-family: Silk Serif Medium, sans-serif;
  font-size: 5.5em;
  font-weight: 400;
  line-height: 1;
}

.heading-md {
  z-index: 2;
  color: #31312f;
  font-size: 3.5em;
  line-height: 1;
}

.bg-blue-shade {
  background-color: #2a31b7;
}

.bg-cream {
  background-color: #edeae1;
}

.bg-orange {
  background-color: #cca02b;
}

.bg-pink {
  background-color: #fbbebb;
}

.div-hide {
  position: relative;
  overflow: hidden;
}

.bold {
  font-weight: 700;
  line-height: 1.4;
}

.bg-green {
  background-color: #396d33;
}

.text-cream {
  color: #f4f0e3;
}

.heading-4 {
  color: #31312f;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.flex-cc-h {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-sm {
  z-index: 1;
  color: #31312f;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1;
  position: relative;
}

.italic {
  font-size: 1.8em;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
}

.bg-teal {
  background-color: #3f8082;
}

.text-blue {
  color: #2e36cb;
}

.heading-2 {
  color: #31312f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Silk Serif Medium, sans-serif;
  font-size: 3.6em;
  font-weight: 400;
  line-height: 1;
}

.heading-2.intro {
  z-index: 3;
  color: #f6efe5;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
}

.heading-2.intro.manu {
  text-align: center;
}

.heading-2.text-white {
  color: #f6efe5;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bg-red {
  background-color: #d53829;
}

.heading-lg {
  color: #31312f;
  font-size: 5em;
  line-height: 1;
}

.ab {
  position: absolute;
}

.flex-split {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.p-lg {
  color: #31312f;
  font-family: Space Mono, sans-serif;
  font-size: 1.8em;
  line-height: 1.4;
}

.bg-blue {
  background-color: #2e36cb;
}

.text-pink {
  color: #fbbebb;
}

.flex-cc-v {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pad-right {
  padding-right: 10px;
}

.body {
  background-color: #f6efe5;
}

.nav {
  z-index: 9999;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  position: fixed;
  top: 0%;
  left: 0%;
}

.container-lg {
  width: 90%;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.logo {
  width: 6em;
  height: 6em;
}

.btn-txt {
  font-family: Silk Serif Medium, sans-serif;
  font-size: 1.6em;
  line-height: 1;
}

.nav-btn {
  border: 1px solid #000;
  border-radius: 30px;
  padding: .5em 1em;
  position: relative;
}

.text-block {
  border: 1px solid #000;
}

.text-block-2, .text-block-3, .text-block-4, .text-block-5, .text-block-6 {
  border-radius: 10px;
}

.text-block-7, .text-block-8, .text-block-9, .text-block-10, .text-block-11 {
  border-radius: 1px;
}

.text-block-12 {
  border-radius: 4px;
}

.text-block-13, .text-block-14 {
  border-radius: 6px;
}

.text-block-15, .text-block-16, .text-block-17 {
  border-radius: 7px;
}

.text-block-18, .text-block-19 {
  border-radius: 30px;
}

.text-block-20 {
  padding-left: .5em;
  padding-right: .5em;
}

.toggle-parent {
  width: 55px;
  height: 28px;
  cursor: pointer;
  background-color: #f6efe5;
  border: 1px solid #000;
  border-radius: 50px;
  align-items: center;
  margin-right: 1.5em;
  display: flex;
  position: relative;
}

.toggle-button {
  width: 22px;
  height: 22px;
  background-color: #f6efe5;
  border: 1px solid #000;
  border-radius: 60px;
  margin-left: 3px;
}

.right-side-nav-parent {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-2 {
  width: 5.7em;
  height: 5.7em;
}

.burger-line-middle {
  width: 70%;
  height: 2px;
  background-color: #000;
}

.btn-text-sm {
  z-index: 1;
  font-family: Silk Serif, sans-serif;
  font-size: 1.4em;
  line-height: 1;
  position: relative;
}

.burger-line-top {
  width: 70%;
  height: 2px;
  background-color: #31312f;
  margin-bottom: 6px;
}

.card-wipe {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.burger-circle {
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.round-button {
  opacity: 1;
  color: #31312f;
  background-color: #edeae1;
  border: .1em solid #000;
  border-radius: 30px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 2em;
  padding: 1.2em 3em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.round-button.hide {
  background-color: #f6efe5;
  margin-right: 1.5em;
  padding: 1.2em 1.4em 1em;
}

.round-button.work {
  margin-top: 15px;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}

.round-button.seethrough {
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

.burger-menu-parent {
  width: 3em;
  height: 3em;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  padding: 0 1px 0 0;
  overflow: hidden;
}

.container-lg-2 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.container-lg-2.flex-split {
  width: 85%;
}

.btn-text-sm-ab {
  z-index: 2;
  color: #f6efe5;
  font-family: Silk Serif, sans-serif;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 1;
  position: absolute;
}

.nav-parent {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.burger-line-bottom {
  width: 70%;
  height: 2px;
  background-color: #000;
  margin-top: 6px;
}

.main-parent {
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.scroll-parent {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mar-top {
  margin-top: 13em;
}

.pad-top {
  padding-top: 10px;
}

.parent-copy {
  z-index: 1;
  position: relative;
}

.parent-big-text {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  bottom: 22%;
}

.parent-center {
  display: flex;
  position: absolute;
  top: 51%;
}

.home-text {
  width: 10em;
  color: #31312f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Silk Serif Medium, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: 7.5%;
  right: auto;
}

.buttons-parent {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 7.5%;
}

.round-button-big {
  color: #31312f;
  border: 1px solid #000;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 24px;
  margin-right: 24px;
  padding: .6em 4.5em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.round-button-big._2 {
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.round-button-big.work {
  margin-top: 20px;
  margin-left: 0;
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}

.btn-txt-md {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Silk Serif Medium, sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2;
}

.btn-txt-md-ab {
  color: #f6efe5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Silk Serif Medium, sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
}

.intro-parent {
  z-index: 1000000000;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.panel {
  width: 100%;
  height: 100vh;
}

.panel.red {
  background-color: #d53829;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.work-parent {
  z-index: 1;
  width: 90%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.btn-txt-sm {
  font-family: Space Mono, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4;
}

.black-line {
  width: 18%;
  height: 1px;
  background-color: #000;
  margin-top: 40px;
}

.btn-parent-txt {
  color: #000;
  margin-top: 50px;
  text-decoration: none;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: 5%;
  right: auto;
}

.text-parent {
  z-index: 4;
  position: relative;
}

.btn-txt-3 {
  z-index: 2;
  font-family: Space Mono, sans-serif;
  font-size: 1.4em;
  position: relative;
  left: 60px;
}

.a-1 {
  width: 18px;
  height: 2px;
  background-color: #000;
  margin-left: 20px;
  position: absolute;
  top: 10px;
  bottom: auto;
  left: 0;
  right: 0;
}

.a-3 {
  width: 8px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: auto;
  bottom: 3px;
  left: auto;
  right: 10px;
  transform: rotate(-45deg);
}

.a-2 {
  width: 8px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: 3px;
  bottom: auto;
  right: 10px;
  transform: rotate(45deg);
}

.btn-txt-sm-ab {
  color: #f6efe5;
  font-family: Space Mono, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
}

.small-line {
  z-index: 3;
  width: 1px;
  height: 1.5em;
  background-color: #000;
  position: relative;
  top: 3px;
}

.buttons-parent-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 7.5%;
}

.card-wipe-r {
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.logo-w {
  position: absolute;
}

.i1, .i2, .i3, .i4 {
  display: inline-block;
}

.btn-parent-txt-copy, .btn-parent-txt-2 {
  color: #000;
  margin-top: 50px;
  text-decoration: none;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: 5%;
  right: auto;
}

.about-parent {
  z-index: 1;
  width: 90%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.my-image {
  width: 20em;
  height: 25em;
  background-image: url('../images/DSC02500.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 30px;
  margin-top: 20px;
}

.buttons-parent-options {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 7.5%;
}

.transition-parent, .leading-parent {
  z-index: 99999999;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

._3f, ._4f, ._5f {
  display: inline-block;
}

.menu-text {
  z-index: 1;
  color: #fff;
  font-family: Silk Serif Medium, sans-serif;
  font-size: 3.6em;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.contact-field {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-5 {
  color: #31312f;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1;
}

.heading-5.text-white {
  color: #fff;
  font-style: normal;
}

.parent-2 {
  z-index: 1;
  position: relative;
}

.menu-parent {
  z-index: 999;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
}

.btn-text-md {
  z-index: 5;
  text-align: center;
  font-size: 1.5vw;
  line-height: 1;
  display: block;
  position: relative;
}

.btn-text-md.text-white {
  font-style: normal;
}

.image-me {
  width: 100%;
  height: 100%;
  background-image: url('../images/DSC02500.jpg');
  background-position: 50%;
  background-size: cover;
}

.menu-image-parent {
  z-index: 1;
  width: 50%;
  height: 100%;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.btn-text-md-ab {
  font-size: 1.5vw;
  line-height: 1;
  position: absolute;
}

.btn-text-md-ab.text-back {
  z-index: 2;
  color: #000;
  font-style: normal;
}

.image-work {
  width: 100%;
  height: 100%;
  background-image: url('../images/Screenshot-2023-06-16-130020.png');
  background-position: 0 0;
  background-size: cover;
}

.menu-text-ab {
  z-index: 1;
  color: #fff;
  font-size: 5em;
  font-style: normal;
  line-height: 1;
  position: absolute;
}

.menu-panel-right {
  z-index: 0;
  width: 50%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.menu-link-parent {
  width: 100%;
  height: 10%;
  color: #edeae1;
  justify-content: space-between;
  align-items: center;
  padding-left: 3em;
  padding-right: 3em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.arrow-menu {
  z-index: 1;
  width: 3em;
  height: 3em;
  position: relative;
}

.menu-panel-left {
  z-index: 1;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.menu-panel-left.bg-blue {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .heading-xsm {
    font-size: 2vw;
  }

  .paragraph {
    font-size: 20px;
  }

  .paragraph.pad-top, .heading-3.pad-top {
    text-align: center;
  }

  .super-text {
    font-size: 12vw;
  }

  .super-text.pad-top, .super-text.pad-top.w {
    font-size: 50px;
  }

  .heading-md {
    font-size: 4vw;
  }

  .heading-sm {
    font-size: 3vw;
  }

  .italic {
    text-align: center;
    font-size: 24px;
  }

  .heading-2 {
    font-size: 35px;
  }

  .heading-lg {
    font-size: 6vw;
  }

  .p-lg {
    font-size: 20px;
  }

  .btn-text-sm, .btn-text-sm-ab {
    font-size: 14px;
  }

  .home-text {
    font-size: 30px;
  }

  .buttons-parent {
    display: none;
  }

  .round-button-big, .round-button-big._2 {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 1em;
    padding-right: 1em;
  }

  .btn-txt-md, .btn-txt-md-ab {
    font-size: 20px;
  }

  .work-parent {
    justify-content: center;
    align-items: center;
  }

  .buttons-parent-options {
    display: none;
  }

  .btn-text-md {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .heading-xsm {
    font-size: 3vw;
  }

  .paragraph {
    font-size: 15px;
  }

  .super-text {
    font-size: 14vw;
  }

  .super-text.pad-top {
    font-size: 30px;
  }

  .styleguide-parent {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-md {
    font-size: 6vw;
  }

  .heading-sm {
    font-size: 4vw;
  }

  .heading-2 {
    font-size: 25px;
  }

  .heading-lg {
    font-size: 8vw;
  }

  .round-button {
    display: flex;
  }

  .round-button.work {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .nav-parent {
    display: none;
  }

  .home-text {
    font-size: 18px;
  }

  .round-button-big._2.c {
    margin-left: 8px;
    margin-right: 8px;
  }

  .round-button-big.c {
    padding-left: .5em;
    padding-right: .5em;
  }

  .btn-txt-md, .btn-txt-md-ab {
    font-size: 15px;
  }
}

@media screen and (max-width: 479px) {
  .heading-xsm {
    font-size: 4vw;
  }

  .paragraph {
    text-align: center;
    font-size: 14px;
  }

  .heading-3 {
    font-size: 20px;
  }

  .super-text {
    font-size: 16vw;
  }

  .super-text.pad-top {
    font-size: 25px;
  }

  .super-text.pad-top.w {
    font-size: 30px;
  }

  .parent {
    height: 90vh;
  }

  .parent.ab {
    height: 90px;
  }

  .heading-md {
    font-size: 7vw;
  }

  .heading-sm {
    font-size: 6vw;
  }

  .italic {
    font-size: 18px;
  }

  .heading-2 {
    text-align: left;
    font-size: 20px;
  }

  .heading-2.intro {
    font-size: 20px;
  }

  .heading-2.text-white {
    text-align: center;
  }

  .heading-lg {
    font-size: 12vw;
  }

  .p-lg {
    font-size: 12px;
  }

  .logo-2 {
    width: 5em;
    height: 5em;
    margin-right: 10px;
  }

  .round-button {
    margin-right: 10px;
    display: block;
  }

  .round-button.hide {
    display: none;
  }

  .round-button.work {
    padding: .6em 2em;
  }

  .burger-menu-parent {
    margin-right: 0;
  }

  .container-lg-2.flex-split {
    justify-content: space-between;
  }

  .nav-parent {
    display: block;
  }

  .home-text {
    text-align: center;
    font-size: 16px;
    left: 30%;
  }

  .buttons-parent {
    display: flex;
    top: 30%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .round-button-big {
    padding-left: .9em;
    padding-right: .9em;
  }

  .round-button-big._2 {
    margin-left: 8px;
    margin-right: 8px;
    padding-left: .5em;
    padding-right: .5em;
  }

  .round-button-big.c {
    padding-left: .6em;
    padding-right: .6em;
  }

  .intro-parent {
    display: flex;
  }

  .btn-parent-txt {
    top: auto;
    bottom: 1%;
    left: 0%;
    right: 0%;
  }

  .btn-txt-3 {
    font-size: 15px;
  }

  .small-line {
    height: 1.2em;
    top: 1px;
  }

  .buttons-parent-2 {
    top: 30%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .btn-parent-txt-2 {
    top: auto;
    bottom: 1%;
    left: 0%;
    right: 0%;
  }

  .buttons-parent-options {
    display: flex;
    top: 30%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .transition-parent, .leading-parent {
    display: flex;
  }

  .menu-text {
    font-size: 40px;
  }

  .heading-5 {
    font-size: 20px;
  }

  .menu-parent {
    display: flex;
  }

  .btn-text-md {
    font-size: 13px;
  }

  .menu-image-parent, .menu-panel-right.bg-black {
    display: none;
  }

  .menu-panel-left.bg-blue {
    width: 100%;
  }
}


@font-face {
  font-family: 'Silk Serif Black Italic';
  src: url('../fonts/Silk-Serif-Black-Italic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Italic';
  src: url('../fonts/Silk-Serif-ExtraLight-Italic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Black';
  src: url('../fonts/Silk-Serif-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif';
  src: url('../fonts/Silk-Serif-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Bold Italic';
  src: url('../fonts/Silk-Serif-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Medium Italic';
  src: url('../fonts/Silk-Serif-Medium-Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Bold';
  src: url('../fonts/Silk-Serif-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Medium';
  src: url('../fonts/Silk-Serif-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Light Italic';
  src: url('../fonts/Silk-Serif-Light-Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Italic';
  src: url('../fonts/Silk-Serif-SemiBold-Italic.otf') format('opentype'), url('../fonts/Silk-Serif-SemiBold-Italic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Regular';
  src: url('../fonts/Silk-Serif-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif';
  src: url('../fonts/Silk-Serif-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silk Serif Regular Italic';
  src: url('../fonts/Silk-Serif-Regular-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}