* {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
}
body {
  /* background-color: #18191A; */
  color: #F9FBFB;

}
.container {
    width: 100%;
}
.row {
    width: 100%;
    display: flex;
}
.col {
    flex: 12;
}
.col-2 {
    flex: 2;
}
.col-3 {
    flex: 3;
}
.col-9 {
    flex: 9;
}
.col-10 {
    flex: 10;
}
.btn {
    display: inline-block;
    min-width: 80px;
    max-width: 250px;
    font-size: 14px;
    text-align: center;
    background-color: #292D3E;
    color: white;
    border-radius: 18px;
    border: none;
    padding: 14px 20px;
    margin: 6px;
}
a.btn {
  text-decoration: none;
}
.btn-blue {
    background-color: blue;
}
input {
    border: none;
    border-bottom: 1px solid gray;
    width: 100%;
}
.moviesBackground {
    color: black;
    /*
    background: #062c5c;
    background: -moz-linear-gradient(-45deg,  #062c5c 0%, #072d5c 4%, #05305d 4%, #08305e 7%, #073262 9%, #063563 13%, #083666 15%, #053867 18%, #083a69 21%, #063b6b 21%, #043e6d 25%, #053e70 27%, #064174 28%, #044274 31%, #074478 33%, #054576 34%, #05477a 35%, #05497b 38%, #074a7e 38%, #054f83 46%, #065088 46%, #065289 47%, #04548c 52%, #055790 53%, #045c98 62%, #075e9a 65%, #0762a1 69%, #0666a3 75%, #076bae 88%, #086fb0 100%);
    background: -webkit-linear-gradient(-45deg,  #062c5c 0%,#072d5c 4%,#05305d 4%,#08305e 7%,#073262 9%,#063563 13%,#083666 15%,#053867 18%,#083a69 21%,#063b6b 21%,#043e6d 25%,#053e70 27%,#064174 28%,#044274 31%,#074478 33%,#054576 34%,#05477a 35%,#05497b 38%,#074a7e 38%,#054f83 46%,#065088 46%,#065289 47%,#04548c 52%,#055790 53%,#045c98 62%,#075e9a 65%,#0762a1 69%,#0666a3 75%,#076bae 88%,#086fb0 100%);
    background: linear-gradient(135deg,  #062c5c 0%,#072d5c 4%,#05305d 4%,#08305e 7%,#073262 9%,#063563 13%,#083666 15%,#053867 18%,#083a69 21%,#063b6b 21%,#043e6d 25%,#053e70 27%,#064174 28%,#044274 31%,#074478 33%,#054576 34%,#05477a 35%,#05497b 38%,#074a7e 38%,#054f83 46%,#065088 46%,#065289 47%,#04548c 52%,#055790 53%,#045c98 62%,#075e9a 65%,#0762a1 69%,#0666a3 75%,#076bae 88%,#086fb0 100%);
    */
}
.movieContainer {
    padding: 10px;
}
.movieInfoContainer {
    padding: 20px;
}
.movieTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: bold;
    margin-top: 24px;
    padding-bottom: 6px;
    border-bottom: 1px solid lightgray;
    margin-bottom:12px;

}
.servicesTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 24px;
    padding-bottom: 6px;
    margin-bottom:12px;

}
.moviePoster {
    width: 200px;
    height: 285px;
    filter: drop-shadow(4px 6px 6px #333);
    cursor: pointer;

}
.poster {
    padding: 20px;
}
.poster img {
    width: 400px;
    height: 570px;
    filter: drop-shadow(4px 6px 6px #333);

}
.movieDescription {
    padding: 20px 0;
    font-size: 90%;
}
.movieRating {
    margin-bottom: 10px;
}
.movieRating .rating {
    font-size: 110%;
    font-weight: bold;
}
.section {
    margin-left: 20px;
}
.sectionTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: bold;
    margin-top: 24px;
    padding-bottom: 6px;
    border-bottom: 1px solid lightgray;
    margin-bottom:12px;
}
.ispviewTitle {
    font-size: 36px;
    font-weight: bold;
    margin-top: 24px;
}
.scrollerArrowContainer {
    align-items: center;
    width:5%;
    overflow:hidden;
    display:flex;
    justify-content:center;
}
.scrollerArrow {
    width: 30px;
    height: 30px;
    background-color: darkgray;
    color: white;
    border-radius: 15px;
    line-height: 30px;
}
.loginContainer a {
    text-decoration: none;
}