body {
  height: 100vh;
  overflow-y: hidden;
  background: radial-gradient(#F4424F, #3f38ff);
  
  
  }

@font-face {
  font-family: 'advine';
  src: url('/theme/AdvinePixel-Regular.otf');
}
@font-face {
  font-family: 'romantic';
  src: url('/theme/ROMANTIC.TTF');
}
@font-face {
  font-family: 'ponderatta';
  src: url('/theme/Ponderatta.ttf');
}
@font-face {
  font-family: 'unknown';
  src: url('/theme/UnknownTimesNewRoman19PixelBitmapFontTestFont.ttf');
}

#wrapper {
    margin: 0%;
    padding: 0%;
}

#reviews-header h1 {
    font-family: 'romantic';
    font-size:100px;
    color: #050B2F;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    
}

#reviews-header a {
  font-family: 'advine';
  color: #050B2F;
  margin: 0px;
  padding: 0px;
  font-size: 35px;
}
#reviews-header a:hover {
  color: #dddce3;
}

.media-type {
  color: #050B2F;
  font-family: 'ponderatta';
  font-size: 10px;
  writing-mode: horizontal-tb;
  vertical-align:middle;
}

.film-year {
  font-family: 'unknown';
  color: #dddce3;
  font-size: 22px;
  vertical-align:text-bottom;
}

.accordion-div {
  display: flex;
  flex-direction: row;
  height: 70vh;
  min-width: max-content;
  overflow-x: scroll;

}

.accordion {
  color: #dddce3;
  background-color: #00000042;
  border: 1px solid #00000042;
  font-family: 'advine';
  font-size: 30px;
  cursor: pointer;
  width: 70px;
  outline: none;
  transition: 0.4s;
  writing-mode: sideways-lr;
}


.active, .accordion:hover {
  background-color: #00000065;

}

.panel {
  font-size: 18px;
  background-color: #00000042;
  max-width: 0px;
  overflow-y: scroll;
  transition: max-width 0.5s ease-out;
}

.inner {
  min-width: 600px;
  margin-left: 10px;
  margin-right: 10px;
}

h2 {
  font-family: 'advine';
  font-size: 45px;
  color: #050B2F;
  margin-bottom: 0px;;
}

.film-year-inner {
  font-family: 'unknown';
  font-size: 35px;
  color: #050B2F;
}

.inner p {
  font-family: 'ponderatta';
  font-size: 12px;
  font-weight: 600;
  color: #050B2F;
  margin-top: 0px;
}

.spoiler {
  color: #dddce3;
  background-color: #dddce3;
}

.spoiler:hover {
  color: #050B2F;
  background-color: #00000042;
}

.entry-emoji {
  width: 3%;
  transform: translateY(3px);
}

.inner h4 {
  background-color: #dddce3;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'ponderatta';
  font-size: 15px;
  box-shadow: 5px 5px #3f38ff

  
}

.inner blockquote {
  margin-left: 30px;
  
}

.inner blockquote p {
  padding: 15px;
  border-left: 5px solid #3f38ff;
  font-size: 12px;
  font-weight: 600;
  color: #dddce3;
  margin-top: 0px;
}

.inner .post_img {
  text-align: center;
  width: 70%;
}


/*
#reviews-scroll {
    margin-top:0vw;
    border: #050B2F solid 5px;
    height: 35vw;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}

.accordion {
    min-width: 60px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: #050B2F solid 5px;
    text-align: center;
    writing-mode: sideways-lr;
    font-family: 'advine';
    font-size: 30px;
}



.review-content {
    width: 0px;
    overflow: hidden;
    transition: width 0.8s ease-out; 
    background-color: cadetblue;
}

.review-content.open {
    width: 500px;
    border-right: #050B2F dotted 2px;
}
  */