a {
  text-decoration: none;
  color: #fff;
}

@font-face {
  font-family: 'Aeonikmono, sans-serif';
  src:  url('/font.woff2') format('woff2'),
}

@font-face {
    font-family: 'Grammatika';
    src: url("/font/Grammatika-Regular.otf") format("opentype");
}

.logo {
  max-width: 200px;
}

.monanimal {
}

html {
  border: 0;
  border-top-width: 25px;
  border-color: #000;
  border-style:solid;
  min-height: 100%;
  height: 100%;
}

.mailing-list-box {
  margin: 0.5rem;
  padding: 1rem;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.05);
}

body {
  padding-top: 1.5rem;
  color: #fff;
  background-color: #200052;
  font-family: "Grammatika";
}

.nav-icon {
  margin: 1rem;
  max-width: 250px;
}

header {
  margin: 1rem;
  padding: 1rem;
}
 
#navbar-links {
  list-style-type: none;
  display: flex;
  flex-align: end;  
  padding: 0.5rem;
  padding-left: 2rem;
  margin-top: 0;
  padding-top: 0;
  justify-content: flex-end;
}

#navbar-links > li {
  margin: 0rem;
  margin-right: 1.5rem;
  color: #fff;
  padding: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border: 0;
  border-left-width: 4px;
  border-color: rgba(255,255,255,0.2);
  border-style: solid;
  max-height: 3rem;
}

#navbar-links > li:hover {
  border-color: rgba(255,255,255,0.3);
  border-style: solid;
  background-color: rgba(255,255,255,0.05);
}

#navbar-links > li > a {
  font-family: "Aeonikmono, sans-serif";
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}

h1,h2 {
  font-weight: 900;
  font-family: "Grammatika";
  color: #fff;
}

footer {
  background-color: #000;
  height: 4rem;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 1rem;
}

.promo {
  height: 250px;
  overflow: clip;
}

.sec1 {
}

.sec2 {
  background-color: rgba(255,255,255,0.1);
  position: relative;
}

iframe {
  padding: 0;
  margin: 0;
}

.lecture-list {
  margin: 0rem;
}

article {
  opacity: 0;
  display: none;
}

article:target {
  opacity: 1;
  display: block;
}

.navigate-list {
  text-align: center;
}

.navigate-list > li {
  background-color: #000;
}

.navigate {
  margin: 2rem;
}

.navigate-list > li > a {
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  font-size: 1.5rem;
  font-family: 'Aeonikmono, sans-serif';
  text-transform: uppercase;
}

.lecture-list {
  background-color: rgba(0,0,0,0.2);
  padding: 1rem;
}

.lecture-list h2 {
  text-transform: uppercase;
  border: 0;
  border-bottom-width: 2px;
  border-color: #fff;
  border-style: solid;
}

h2 > a {
  color: #fff;
  text-decoration: none;
}

.lecture-item {
  background-color: rgba(0,0,0,0.5)
  padding: 0.5rem;
  margin: 1rem;
}

p {
  color: #eee;
}

main {
  margin-bottom: 4rem;
}


#landing {
}

.q-box {
  background-color: rgba(255,255,255,0.05);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.nav-segment {
  opacity: 0.8;
}

.nav-segment:hover {
  opacity: 1;
  cursor: pointer;
  background-color: rgba(255,255,255,0.1);
}

#subscribe-box {
  padding: 0.5rem;
}

#subscribe-box > input {
  border-radius: 15px;
  padding: 0.5rem;
}

#mailing-list-btn {
  border-radius: 10px;
  padding: 0.5rem;
  font-family: "Grammatika";
  text-transform: uppercase;
  background-color: #836EF9;
  color: #000;
  border-width: 0;
}

#newsletter-blurb {
  padding: 0.5rem;
}

#top-navbar {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  text-align: right;
  padding: 0.5rem;
}

.top-nav-icon {
  max-width: 24px;
  margin: 0.25rem;
}

.monald {
  background-image: url('/images/monald.png');
  background-position: center;
  background-size: cover;
}

.promo-text {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 1rem;
  padding: 1rem;
  font-size: 1.2rem;
  background-color: rgba(0,0,0,0.7);
  max-width: 250px;
}

.promo-text > strong {
  display: block;
  font-size: 2rem;
}

.promo-text > a {
  font-weight: bold;
}

.landing-text {
  padding: 1rem;
  padding-top: 0;
}