@charset "utf-8";

:root {
  --background-color: #ffffff;
  --text-color: #2d2d2d;
}

/* Define the body element's color */
body
{
background: var(--background-color);
color: var(--text-color);
margin-right: 100px;
margin-left: 100px;
}

/* This section is for a paragraph section */
h1 {font-style:normal!important; font-size:42px; font-weight: 300!important; font-family: 'Lato'!important; margin-top: 1.5em; margin-bottom: 1.25em;}
h2 {font-style:normal!important; font-weight: bold!important; font-family: 'Lato'!important; margin-top: 1.5em;}

/*
h3 {font-style:normal; font-size:14px; font-family: 'Lato'!important;}
h4 {font-style:normal; font-family: 'Lato'!important;}
h5 {font-style:normal; font-family: 'Lato'!important;}
h6 {font-style:normal; font-family: 'Lato'!important;}
*/

p {font-style:normal!important; font-size:20px; font-weight: 300!important; font-family: 'Lato'!important;}
div {font-style:normal!important; font-size:20px; font-weight: 300!important; font-family: 'Lato'!important;}

/* This section is for a bullet list */
li {font-style:normal!important; font-size:20px; font-weight: 300!important; font-family: 'Lato'!important;}

hr {
  border: 1px solid #cccccc;
  border-radius: 1px;
  margin-left: 10px;
  margin-right: 10px;
  }

a:link {
  color: #007399;
  text-decoration: none;
}

a:visited {
  color: #007399;
  text-decoration: none;
}

a:hover {
  color: #0086b3;
  text-decoration: none;
}

a:active {
  color: #007399;
  text-decoration: none;
}

/* 'light' or 'dark' options */
@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #1f2935;
    --text-color: #ffffff;
  }
}