/* Reset brower defaults */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
font-weight: normal;
vertical-align: baseline;
box-sizing: border-box;
font-family: 'Faustina', serif;
}
main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {
scroll-behavior: smooth;
}
/* Sets properties left and right margin to % of screen width */
body {
margin: 0% !important;
overflow: auto;
font-size: 20px;
letter-spacing: 1px;
word-spacing: inherit;
}
#container {
width: 80%;
padding: 8px;
border: 0px none transparent;
margin-left: auto;
margin-right: auto;
}
/* This section sets color of URL'S and whether they are underlined or not, need to be in this order */
a:link {
color: #C80000;
text-decoration: underline;
font-size: inherit;
}
a:visited {
color: #0032FF;
text-decoration: none;
font-size: inherit;
}
a:hover {
color: green;
text-decoration: underline;
font-size: inherit;
}
a:focus {
color: green;
text-decoration: underline;
font-size: inherit;
}
a:active {
color: black;
text-decoration: none;
font-size: inherit;
}
button {
background-color: red;
border-radius: 8px;
border: none;
color: black;
padding: 2px 2px;
text-align: center;
display: inline-block;
font-size: 16px;
margin: 1px 1px;
cursor: pointer;
}
/* begin drop down buttons nav */
.dropbtn {
background-color: #ff0000;
border-radius: 8px;
text-align: center;
text-decoration: none;
display: inline-block;
color: white;
padding: 10px;
font-size: 16px;
font-weight: 600;
box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
position: relative;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
padding: 12px 16px;
display: block;
padding: 1px;
}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: red;}
/* end top nav */
/
@media screen and (max-height: 450px) {
margin: auto !important;
#container {
width: 100%;
padding: 0px;
border: 0px none transparent;
margin-left: auto;
margin-right: auto;
}
}
/* Begin side nav */
.sidenav {
height: 100%;
width: 0;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-color: inherit;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 8px;
display: block;
transition: 0.3s;
}
.sidenav .closebtn {
position: absolute;
top: 2px;
right: 30px;
font-size: 36px;
margin-left:30px;
}
.button {
background-color: #879ECC;
border-radius: 8px;
border: 1px;
color: black;
padding: 2px 2px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 1px 1px;
cursor: pointer;
}
/* end side nav */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 16px;}
body {
margin: auto;
font-size: 95%;
letter-spacing: 1px;
word-spacing: inherit;
}
.ND {
display: none !important;
visibility: hidden;
text-indent: 8px;
font-style: normal;
font-size: 0px;
font-weight: lighter;
line-height: 95%;
letter-spacing: .5px;
word-spacing: .5px;
text-align: center;
}
#container {
float: none;
width: 100%;
padding: 5px;
margin: 0px;
border: 0px none transparent;
margin-left: auto;
margin-right: auto;
}
}
/* end setback ground color test for change block */
/* sets boarder of images to none and 0 margins */
img {
border: none;
margin: 0;
max-width: 100%;
height: auto;
}
/* Container sets a width of content content
to 90% of the margins set in body
sets border to none */
#header{
align-content: center;
text-align: center;
font-size: 40px;
color: #0000FF;
font-style: normal;
font-weight: 900;
margin-top: 1.5mm;
margin-bottom: 1.5mm;
line-height: 100%
}
/* Footer sets a width of content content to 50% of the margins set in body
sets border to none, centers text, font size 10px controls spacing */
#footer{
width: 50%;
margin: auto;
padding: 10px;
border: 0px none transparent;
font-style: normal;
font-size: 10px;
font-weight:350;
letter-spacing: 1px;
word-spacing: .1px;
text-align: center;
}
/* Pseudo links set links only in footer to black except for active which is green, links inherit other link attributes set above */
#footer a:link {color: black;}
#footer a:visited {color: black;}
#footer a:hover {color: green;}
#footer a:focus {color: black;}
#footer a:active {color: black;}
/* sets font size and weight of paragraphs
, indents by 30 pixels */
p::first-letter {
font-size: 105% !important;
font-weight: 500;
color: inherit;
}
p {
text-indent: 30px;
font-style: normal;
font-size: 22px;
font-weight: 350;
line-height: 105%;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 5px;
}
/* sets font size and weight of paragraphs indents by 0 pixels
*/
p.noindent {
text-indent: 0px;
font-style: normal;
font-size: 22px;
font-weight: 350;
line-height: 105%;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 5px;
}
/* sets Horizonal Rule hr elements */
hr {
background: #0000FF;
width: 95%;
height: 1px;
border: solid #0000FF;
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
/* sets font size and weight of list element class="centert" element */
table.centert {
margin-left:auto;
margin-right:auto;
text-align:center;
padding: 5px;
width: auto;
}
table.leftt {
margin-left:auto;
margin-right:auto;
text-align: left;
padding: 5px;
width: auto;
}
table.background {
float: right;
border: solid medium;
padding: 4px;
}
/* sets font size and weight of element element element LDS with black dots */
abbr {
border-bottom: 1px dotted black;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: inherit;
}
/* sets font style, size and weight of code