/* Define Google Font import */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');

/* Update body font-family to use Google Font */
body {
  font-family: 'DM Mono', monospace; /* Change to Google Font */
  font-weight: 400; 
  background-color: #191724;
}

/* Update h1 font-family if needed */
/* h1 {
  font-family: 'Hack-Regular', sans-serif;
} */

/* Define font classes for DM Mono */
.dm-mono-light {
  font-family: 'DM Mono', monospace;
  font-weight: 300;
  font-style: normal;
}

.dm-mono-regular {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-style: normal;
}

.dm-mono-medium {
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  font-style: normal;
}

.dm-mono-light-italic {
  font-family: 'DM Mono', monospace;
  font-weight: 300;
  font-style: italic;
}

.dm-mono-regular-italic {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-style: italic;
}

.dm-mono-medium-italic {
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  font-style: italic;
}

/* Normal link state */
a {
    color: #c4a7e7; /* Change this to your desired color */
}

/* Visited link state */
a:visited {
    color: #c4a7e7; /* Change this to your desired color */
}

/* Hover link state */
a:hover {
    color: #9893a5; /* Change this to your desired color */
}

/* Active link state */
a:active {
    color: #286983; /* Change this to your desired color */
}