/* Scss Document */
/* Scss Document */
/*Color variables*/
/*Font stack*/
/* Fonts */
@font-face {
  font-family: "Mulish-light";
  src: url("../fonts/Mulish/Mulish-VariableFont_wght.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Mulish-reg";
  src: url("../fonts/Mulish/Mulish-VariableFont_wght.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Mulish-bold";
  src: url("../fonts/Mulish/Mulish-VariableFont_wght.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "Work Sans-bold";
  src: url("../fonts/Work_Sans/WorkSans-VariableFont_wght.ttf");
  font-weight: 650;
}
/* Reponsive width variables */
/* RESUME SECTION */
.resume {
  height: 390px;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 320px) {
  .resume {
    height: 400px;
  }
}
@media screen and (min-width: 375px) {
  .resume {
    height: 450px;
  }
}
@media screen and (min-width: 425px) {
  .resume {
    height: 510px;
  }
}
@media screen and (min-width: 576px) {
  .resume {
    height: 660px;
  }
}
@media screen and (min-width: 768px) {
  .resume {
    height: 890px;
  }
}
@media screen and (min-width: 1024px) {
  .resume {
    height: 1100px;
  }
}

/*# sourceMappingURL=resume.css.map */