/* Reset browser 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;
}
main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {
scroll-behavior: smooth;
}
@import url('https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
/* This is a comment. This sets properties left and right margin to 18% of screen width, top to auto and bottom to 2%. Borders and margin order goes: Margin/border-top, Margin/border-right, Margin/border-bottom, Margin/border-left around the box. font-size and text-rendering fix browser flubs, rest controls font color and type, size and background settings. */
body {
margin: auto 10% 2% 10%;
font-size: 100.00%;
font-family: "Times New Roman", serif;
color: Black;
font-variant: normal;
line-height: normal;
letter-spacing: normal;
background-color: #FFFFF4;
background-image: none;
}
/* This section sets color of URL'S and whether they are underlined or not, they need to be in this order. */
a:link {
color: Red;
text-decoration: underline;
font-size: inherit;
}
a:visited {
color: Blue;
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;
}
/* Container sets a width of contents
content
to 90% of the margins set in body and 9px of padding. Sets border to 0Px width, none for type, transparent for color in other words no border, backgound color and image */
#container{
width: 90%;
padding: 8px;
border: 0px none transparent;
background-color: #ffffff;
background-image: none;
margin-left: auto;
margin-right: auto;
}
/* Footer sets a width of content