@import url("./blog.css");
@import url("./home.css");
@import url("./my-footer.css");
@import url("./my-header.css");
@import url("./my-articles.css");

body {
  margin: 0;
}

.background {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh;
  padding: 0em 2em;
  color: snow;
  background-color: #101010;
  font-family: "IBM Plex Serif", serif;
}

.title {
  color: palevioletred;
  font-weight: 500;
}

::-moz-selection {
  background: rgba(216, 112, 147, 0.7);
}

::selection {
  background: rgba(216, 112, 147, 0.7);
}

h2::-moz-selection,
h1::-moz-selection {
  background: rgba(255, 250, 250, 0.85);
}

h2::selection,
h1::selection {
  background: rgba(255, 250, 250, 0.85);
}

a,
a:visited {
  color: snow;
  text-decoration: none;
}

a:hover {
  color: palevioletred;
}

/* ibm-plex-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/ibm-plex-sans-regular.woff2") format("woff2");
}
/* ibm-plex-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/ibm-plex-sans-italic.woff2") format("woff2");
}
/* ibm-plex-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/ibm-plex-sans-500.woff2") format("woff2");
}

/* ibm-plex-serif-regular - latin */
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/ibm-plex-serif-regular.woff2") format("woff2");
}
/* ibm-plex-serif-500 - latin */
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/ibm-plex-serif-500.woff2") format("woff2");
}