/* CSS RESET */
@import url('/css/reset.local.css');

/* FONTS */
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('IBM Plex Serif'), local('IBMPlexSerif'), url(/fonts/IBMPlexSerif-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Serif';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'), url(/fonts/IBMPlexSerif-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* GLOBAL VARIABLES */
:root {
  --primary-color: #5723e7;
  --secondary-color: #1A1A1A;
  --cw-white: #F0F0F0;
  --cw-black: #404040;
  --primary-font: 'IBM Plex Serif';
}

body {
  background-color: var(--cw-white);
  color: var(--cw-black);
  font-size: 16px;
}

p, h1, h2, h3, h4, h5, h6, ul, ol {
    font-family: var(--primary-font), serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

a {
    text-decoration: underline;
    font-weight: 600;
    color: var(--primary-color);
}

ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 2em;
}

ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 2em;
}

div {
    /* border-width: 1px; */
    /* border-color: var(--cw-black); */
    /* border-style: solid; */
}

#site-header {
    height: 60px;
    background-color: var(--primary-color);
}

.site-logo {
    height: 44px;
    margin: auto 0.5em;
    padding-top: 1em;
    /* padding: 8px 8px 8px 0px; */
}