@charset "UTF-8";

/* CSS created with CSE HTML Validator */
@font-face {
font-family: 'namnueva';
src: url('//fonts/nuevastd-boldcond.otf') format('opentype');
}

body {
background-color:#000000;
}


/* style for header */
.header {
margin: auto;
width: 100%;
height: 100%;
padding: 0px;
}
.header h1 {
color: #ffffff;
text-align: center;
font-family: namnueva, sans serif;
}
.header p {
color: #ffffff;
text-align: center;
font-family: Arial, sans serif;
}
.header img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* style for content */
.content {
margin: auto;
padding: 40px 40px;
max-width: 800px;
}
.content p {color: #ffffff;
text-align: left;
font-family: Times New Roman, Times, serif;
font-size: 14pt;
margin-bottom: 20px;
}
.content h1 {color: #ffffff;
text-align: left;
font-family: Times New Roman, Times, serif;
font-size: 16pt;
margin-bottom: 20px;
}
.content img {
display: block;
margin-left: auto;
margin-right: auto;
padding-right: 25px;
}
.content iframe {
display: block;
margin-left: auto;
margin-right: auto;
padding: 25px;
}

/* style for recordings */
.recordings {
margin: auto;
padding: 0px 40px 0px 40px;
max-width: 800px;
}
.recordings p {color: #ffffff;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 14pt;
margin-bottom: 20px;
}
.recordings a {color: #ffffff;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 14pt;
margin-bottom: 20px;
}
.recordings a:hover {color: #ff0000;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 14pt;
margin-bottom: 20px;
}
.recordings h1 {color: #ffffff;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 16pt;
margin-bottom: 20px;
}
.recordings h2 {color: #ffffff;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 18pt;
margin-bottom: 20px;
}
.recordings h3 {color: #dddddd;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 11pt;
margin-bottom: 20px;
}
.recordings hr {
width: 85%;
height:2px;
color: #f3bf5c;
margin-left: auto;
margin-right: auto;
}
.recordings img {
display: block;
margin-left: auto;
margin-right: auto;
padding-right: 0px;
}

/* style for contact */
.contact {
margin: auto;
max-width: 550px;
}
.contact p {color: #ffffff;
vertical-align: middle;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 14pt;
margin-bottom: 20px;
}
.contact a {
color: #aaaaff;
}
.contact a:hover {
color: #ff0000;
}
.contact img {
vertical-align: middle;
padding-right: 22px;
}
.contact hr {
border: 1px solid grey;
width: 100%;
}

/* style for linernotes */

/* linernotes button */
.lnbutton {
 margin: auto;
 display: flex;
 justify-content: center;
 gap: 1em;
 font-size: 18px;
}
.lnbutton li {
 margin: auto;
 background-color: #009900;
 color: #ffffff;
 border-radius: 5px;
 transition: 0.3s ease;
}
.lnbutton li:hover {
 background-color: #886622;
 color: #ffffff;
 border-radius: 5px;
 transition: 0.3s ease;
}
.lnbutton li {
 padding: 5px 14px;
}
.linernotes {
margin: auto;
padding: 0px 40px 0px 40px;
max-width: 600px;
}
.linernotes p {color: #ffffff;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 11pt;
margin-bottom: 20px;
}
.linernotes h1 {color: #ffffff;
text-align: center;
font-family: Times New Roman, Times, serif;
font-size: 12pt;
font-weight: bold;
margin-bottom: 20px;
}
.linernotes hr {
border: 1px solid grey;
width: 100%;
}