@font-face {
  font-family: 'GTHaptik';
  src: url('/fonts/gt-haptik-regular.eot');
  src: url('/fonts/gt-haptik-regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gt-haptik-regular.woff2') format('woff2'),
    url('/fonts/gt-haptik-regular.woff') format('woff'),
    url('/fonts/gt-haptik-regular.ttf') format('truetype');
  font-weight: normal; /* 400 */
  font-style: normal;
}
@font-face {
  font-family: 'GTHaptik';
  src: url('/fonts/gt-haptik-regular-oblique.eot');
  src: url('/fonts/gt-haptik-regular-oblique.eot?#iefix')
      format('embedded-opentype'),
    url('/fonts/gt-haptik-regular-oblique.woff2') format('woff2'),
    url('/fonts/gt-haptik-regular-oblique.woff') format('woff'),
    url('/fonts/gt-haptik-regular-oblique.ttf') format('truetype');
  font-weight: normal; /* 400 */
  font-style: italic;
}

/* light */
@font-face {
  font-family: 'GTHaptik';
  src: url('/fonts/gt-haptik-light.eot');
  src: url('/fonts/gt-haptik-light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gt-haptik-light.woff2') format('woff2'),
    url('/fonts/gt-haptik-light.woff') format('woff'),
    url('/fonts/gt-haptik-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* medium */
@font-face {
  font-family: 'GTHaptik';
  src: url('/fonts/gt-haptik-medium.eot');
  src: url('/fonts/gt-haptik-medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gt-haptik-medium.woff2') format('woff2'),
    url('/fonts/gt-haptik-medium.woff') format('woff'),
    url('/fonts/gt-haptik-medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* bold */
@font-face {
  font-family: 'GTHaptik';
  src: url('/fonts/gt-haptik-bold.eot');
  src: url('/fonts/gt-haptik-bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/gt-haptik-bold.woff2') format('woff2'),
    url('/fonts/gt-haptik-bold.woff') format('woff'),
    url('/fonts/gt-haptik-bold.ttf') format('truetype');
  font-weight: bold; /* 700 */
  font-style: normal;
}

/* bold italic */
@font-face {
  font-family: 'GTHaptik';
  src: url('/fonts/gt-haptik-bold-oblique.eot');
  src: url('/fonts/gt-haptik-bold-oblique.eot?#iefix')
      format('embedded-opentype'),
    url('/fonts/gt-haptik-bold-oblique.woff2') format('woff2'),
    url('/fonts/gt-haptik-bold-oblique.woff') format('woff'),
    url('/fonts/gt-haptik-bold-oblique.ttf') format('truetype');
  font-weight: bold; /* 700 */
  font-style: italic;
}

/* black */
@font-face {
  font-family: 'GTHaptik';
  src: url('/fonts/gt-haptik-black-oblique.eot');
  src: url('/fonts/gt-haptik-black-oblique.eot?#iefix')
      format('embedded-opentype'),
    url('/fonts/gt-haptik-black-oblique.woff2') format('woff2'),
    url('/fonts/gt-haptik-black-oblique.woff') format('woff'),
    url('/fonts/gt-haptik-black-oblique.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

body {
  margin: 0;
  font-family: 'GTHaptik', sans-serif;
  background-color: #fbf8f3;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #625f68 #f0f0f0;
}

*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #f0f0f0;
}

*::-webkit-scrollbar-thumb {
  background-color: #625f68;
  border-radius: 20px;
  border: 3px solid #f0f0f0;
}