/*colors:

grey: #373634
yellow: #Ffdb57

*/

/*selects all elements*/
* {
  margin: 0;
  padding: 0;

}

/*smooth scroll*/
html {
  scroll-behavior: smooth;
}

/*main style of entire body*/
body {
  font-family: Arial;
  background: #373634; /*grey*/
  line-height: 2;
  color: #Ffdb57; /*yellow*/
  height: 100%;
}

/*link color and removed underline etc.*/
a{
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 24px;
  color:#Ffdb57;
}
a:hover{
    color:#373634;
}

/*button style and look*/
button{
  background-color: #373634;
  color:#Ffdb57;
  border: none;
  padding: 10px 5px;
  border-radius: 12px;
  /*transition when being hovered on duration*/
  transition-duration: 0.4s;

}
button:hover{
  background-color: #Ffdb57;
  color:#373634;
}

/*paragraph font size*/

.info {
  font-size: 15pt;
}

/*navigation bar */
.navig {
  background: #373634; /*grey background*/
  height: 55px;
  width: 100%;
  position: fixed; /*so it doesnt move*/
  display: flex;
  list-style: none; /*removes list style from html*/
  justify-content: center; /*centers text*/
}

.navig li a {
  text-decoration: none; /* removes underline*/
  color: #Ffdb57; /*text color yellow*/
}

.navig li a:hover {
  color: #d1a811; /*text turns to a darker yellow when hovered on*/
}

.navig li {
  margin: 15pt;
  padding: 1pt;
}

/*review style*/
.review {
  font-weight: bold;
}
.reviewER {
  font-size:10pt;
  font-style: italic;
}
p{
  margin-left: 100pt;
  margin-right: 100pt;
}
/*header text size*/
section h1 { 
  font-size: 50pt;
}

/*all sections*/
section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100vh; /*viewport height equal to 100%*/

}



#desc{
  background: #Ffdb57;
  color: #373634;
}



#cast{
  background: #Ffdb57;
  color: #373634;
}

/*#video{
  background: #Ffdb57;
  color: #373634;
}*/

.image {display:none;}