@font-face {
  font-family: "Poppins-Bold"; /*a name to be used later*/
  src: url("../fonts/poppins/Poppins-Bold.woff"); /*URL to font*/
}
@font-face {
  font-family: "Poppins-SemiBold"; /*a name to be used later*/
  src: url("../fonts/poppins/Poppins-SemiBold.ttf"); /*URL to font*/
}
@font-face {
  font-family: "Poppins-Regular"; /*a name to be used later*/
  src: url("../fonts/poppins/Poppins-Regular.woff"); /*URL to font*/
}
@font-face {
  font-family: "Poppins-Light"; /*a name to be used later*/
  src: url("../fonts/poppins/Poppins-Light.woff"); /*URL to font*/
}
@font-face {
  font-family: "Poppins-ExtraLight"; /*a name to be used later*/
  src: url("../fonts/poppins/Poppins-ExtraLight.ttf"); /*URL to font*/
}
@font-face {
  font-family: "OpenSans-Light"; /*a name to be used later*/
  src: url("../fonts/open sans/OpenSans-Light.woff"); /*URL to font*/
}
@font-face {
  font-family: "OpenSans-SemiBold"; /*a name to be used later*/
  src: url("../fonts/open sans/OpenSans-SemiBold.woff"); /*URL to font*/
}
@font-face {
  font-family: "OpenSans-Bold"; /*a name to be used later*/
  src: url("../fonts/open sans/OpenSans-Bold.woff"); /*URL to font*/
}
@font-face {
  font-family: "Karla-Bold"; /*a name to be used later*/
  src: url("../fonts/karla/Karla-Bold.ttf"); /*URL to font*/
}
@font-face {
  font-family: "Karla-Regular"; /*a name to be used later*/
  src: url("../fonts/karla/Karla-Regular.ttf"); /*URL to font*/
}