/* 💡 Regular Weight */
@font-face {
  font-family: "StudioPro";
  src: url("../fonts/StudioPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* 💡 Bold Weight */
@font-face {
  font-family: "StudioPro";
  src: url("../fonts/StudioPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

/* 💡 Thin Weight */
@font-face {
  font-family: "StudioPro";
  src: url("../fonts/StudioPro-Medium.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

body {
  font-family: "StudioPro", sans-serif;
  color: #fff;
  background-position: top;
  /* background-size: 512px 896px; */
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  margin: auto;
}

.bg-image {
  background-image: url("../images/bg-image.jpg");
  background-size: cover;
}

.bgColor {
  background-image: url("../images/bg-color.jpg");
}