/* Montserrat Regular Font */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
    url('fonts/montserrat-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/* Montserrat Semibold Font */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
    url('fonts/montserrat-semibold-webfont.woff') format('woff');
  font-weight: 500; /* Adjust as needed based on your font file */
  font-style: normal;
}
@font-face {
  font-family: 'FiraCode';
  src: url('fonts/FiraCode-Regular.woff2') format('woff2'),
    url('fonts/FiraCode-Regular.woff') format('woff');
  font-weight: 400; /* Adjust as needed based on your font file */
  font-style: normal;
}
@font-face {
  font-family: 'FiraCode';
  src: url('fonts/FiraCode-Medium.woff2') format('woff2'),
    url('fonts/FiraCode-Medium.woff') format('woff');
  font-weight: 500; /* Adjust as needed based on your font file */
  font-style: normal;
}
html {
  font-size: 62.5%;
}
body {
  background-color: #f8f9fa;
}
.container {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  max-width: 1000px;
  margin: 20px auto;
  padding: 10px;
  /* background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem; */
}
.logo-title {
  font-size: 2rem;
  text-align: center;
}
.title-parts {
  font-weight: 300;
}
.intro {
  color: #adaaab;
}
.nine {
  color: #c8c6c6;
}
.triple {
  color: #adaaab;
}
.three {
  color: #c8c6c6;
}