@font-face {
  font-family: 'PT Serif';
  src: url('../fonts/pt-serif_regular.woff2') format('woff2'), url('fonts/pt-serif_regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PT Serif';
  src: url('../fonts/pt-serif_italic.woff2') format('woff2'), url('fonts/pt-serif_italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'PT Serif';
  src: url('../fonts/pt-serif_bold.woff2') format('woff2'), url('fonts/pt-serif_bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

:root {
  --color-dark: #242424;
  --color-light: #dbdbdb;
  --color-code: #d7ba7d;
  --color-link: #569bd4;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
}

body {
  font-family: 'Poppins', sans-serif;
} 

a {
  text-decoration: none;
}

a.decoration-underline {
  text-decoration: underline;
}

a.decoration-underline-hover:hover {
  text-decoration: underline;
}

a.underline-offset-1 {
  text-underline-offset: 0.1rem;
}

a.underline-offset-2 {
  text-underline-offset: 0.2rem;
}

a.underline-offset-3 {
  text-underline-offset: 0.3rem;
}

a.underline-offset-4 {
  text-underline-offset: 0.4rem;
}

a.underline-offset-5 {
  text-underline-offset: 0.5rem;
}

a.underline-offset-6 {
  text-underline-offset: 0.6rem;
}

a.underline-offset-1-hover:hover {
  text-underline-offset: 0.1rem;
}

a.underline-offset-2-hover:hover {
  text-underline-offset: 0.2rem;
}

a.underline-offset-3-hover:hover {
  text-underline-offset: 0.3rem;
}

a.underline-offset-4-hover:hover {
  text-underline-offset: 0.4rem;
}

a.underline-offset-5-hover:hover {
  text-underline-offset: 0.5rem;
}

a.underline-offset-6-hover:hover {
  text-underline-offset: 0.6rem;
}

ul {
  list-style-type: none;
  list-style-position: inside;
}

ul.list-type-decimal {
  list-style-type: decimal;
}

ul.list-type-circle {
  list-style-type: circle;
}

ul.list-type-dash {
  list-style-type: "\2014\00A0"
}

ul.list-type-stethoscope {
  list-style-type: "\1FA7A\00A0";
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

@keyframes fade-in {
  from {
    scale: 1.05;
    opacity: 0.0;
  }
  to {
    scale: 1.0;
    opacity: 1.0;
  }
}

.fade-in {
  animation: 0.5s fade-in forwards;
}

.text-color-dark {
  color: var(--color-dark);
}
.text-color-light {
  color: var(--color-light);
}
.text-color-code {
  color: var(--color-code);
}
.text-color-link {
  color: var(--color-link);
}

.bg-color-dark {
  background-color: var(--color-dark);
}
.bg-color-light {
  background-color: var(--color-light);
}