@font-face {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    src: url(helvetica-neue-lt-com-35-thin.ttf);
}

:root {
    --VOX-Dark-Blue: #121640;
    --VOX-Turquoise: #0B6A95;
    --VOX-Blue: #00ACD1;
    --VOX-Light-Blue: #82D2E8;
    --VOX-White: #FFFFFF;
    --VOX-Yellow: #FFEF00;
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	margin:0px;
	display: grid;
	grid-template-columns: minmax(200px, max-content) 1fr;
	grid-gap: 30px;
	grid-template-areas: "navbar main";
}

h1{
    font-weight: 400;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

p{
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: large;
    margin-top: 0;
}

thead {
    background-color: #ffffff;
}

tfoot {
    background-color: #a4a4a4;
}

a {
    text-decoration: none;
    color: var(--VOX-Turquoise);
}

a:hover {
    text-decoration: underline;
}

tbody {
    /*background-color:#e9e9e9;*/
    background-color: #ffffff;
}

/*754C78*/
table.page_setup {
    /*background-color:#7a7a7a;*/
    background-color: #ffffff;
    border-left: 35px solid var(--VOX-Yellow);
    border-right: 35px solid var(--VOX-Yellow);
    border-top: 15px solid var(--VOX-Yellow);
    border-bottom: 15px solid var(--VOX-Yellow);
    outline: 5px double var(--VOX-Turquoise);
}

large {
    font-size: 30px;
}

medium {
    font-size: 20px;
    padding-left: 0px;
}

tr.mainbody {
}

td.mainbody {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 15px;
}

h1.mainbody {
    color: #000000;
}

main{
	grid-area: main;
	margin-right: 20px;
}

/* Resources */
@media (max-width: 768px) {
    object,
    iframe{
        width: 90%;
    }
}

@media (min-width: 768px){ /*Large Screens*/
    object,
    iframe{
        width: 50%;
    }
}

blockquote{
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: large;
}

h2{
    margin-bottom: 0;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
}

@media (prefers-color-scheme: dark) {
    .highlight-box {
      color: black;
    }
  }