/* OVERALL */
@font-face {font-family: Nunito; src: url('https://iztopher.neocities.org/core/fonts/Nunito-Regular.ttf');}
@font-face {font-family: Nunito; src: url('https://iztopher.neocities.org/core/fonts/Nunito-Bold.ttf'); font-weight: bold;}
@font-face {font-family: Nunito; src: url('https://iztopher.neocities.org/core/fonts/Nunito-Italic.ttf'); font-style: italic;}
@font-face {font-family: Nunito; src: url('https://iztopher.neocities.org/core/fonts/Nunito-BoldItalic.ttf'); font-style: italic; font-weight: bold;}

* {box-sizing: border-box}
body {color: #fff; background-color: #000; font-family: 'Nunito'; font-size: 16px;}
#container {display: flex; width: 100%; margin-top: 80px; flex-wrap: wrap;}
.italics {font-style: italic;}
.bold {font-weight: bold;}
.bold-italics {font-style: italic; font-weight: bold;}

/* HEADER */
.header {background: #4b0602; color: #fff; top: 0; left: 0; position: fixed; width: 100%; padding: 10px; font-family: 'Nunito'; text-decoration: none; font-size: 32px; display: flex; justify-content: space-between; border-bottom: solid 3px #640701;}
.header-left {display: flex; align-items: center;}
.header-text {padding-left: 10px;}
.header img {margin-top: 6px;}
.header-right {padding-right: 20px;}
.header-right a:link, .header-right a:visited {border-radius: 4px; text-decoration: none; color: #fff; padding: 6px;}
.header-right a:hover, .header-right a:active {border-radius: 4px; color: #fff; background: #e31102; padding: 6px;}

/* LEFT */
#left {display: flex; flex-direction: column; width: 35%; padding: 20px;}
#left img {width: 100%; border-bottom: 3px solid #4b0602; border-right: 3px solid #4b0602; border-left: 3px solid #e31102; border-top: 3px solid #e31102;}

/* buttons */
.buttonrow {display: flex; align-items: center; justify-content: center; margin-top: 15px;}
#left button {background-color: white; padding: 15px; font-size: 16px; font-family: 'Nunito';}
#left button:hover {background-color: #640701; color: #fff; cursor: pointer; border-bottom: 3px solid #4b0602; border-right: 3px solid #4b0602; border-left: 3px solid #970c02; border-top: 3px solid #970c02;}
#right button {background-color: #640701; color: #fff;padding: 15px; font-size: 16px; font-family: 'Nunito'; border-bottom: 3px solid #4b0602; border-right: 3px solid #4b0602; border-left: 3px solid #970c02; border-top: 3px solid #970c02; width: 200px; text-transform: uppercase;}
#right button:hover, button:active {background-color: #333; border-bottom: 3px solid #000; border-right: 3px solid #000; border-left: 3px solid #808080; border-top: 3px solid #808080; cursor: pointer;}

/* RIGHT */
#right {display: flex; flex-direction: column; width: 65%; padding: 20px;}

/* description */
#descrip {background-color: #fff; color: #000; padding: 20px; margin-bottom: 20px; border-top: 3px solid #a6a6a6; border-left: 3px solid #a6a6a6; border-right: 3px solid #737373; border-bottom: 3px solid #737373; height: 250px;}
#descrip a {color: #970c02; font-weight: bold; text-decoration: none;}
#descrip a:hover, a:active {color: #4b0602; text-decoration: underline;}
.summarytext {height: 110px; overflow: auto;}
.summarycontent {display: none;} 

/* episode list */
#eplist {
  background-color: #640701; 
  color: white; 
  padding: 20px;
  border-bottom: 3px solid #4b0602;
  border-right: 3px solid #4b0602;
  border-left: 3px solid #970c02;
  border-top: 3px solid #970c02;
  overflow-y: scroll;
  height: 300px;
}
#eplist h1 {margin: 0px; padding: 0px; border-bottom: 2px solid white;}
li {padding: 5px 5px 5px 5px;}