*{
  color: white;
}

html{
width: 100%;
height: 100%;
}

body {
background: linear-gradient(rgb(17, 24, 39), rgb(75, 85, 99));
background-attachment: fixed;
}

.flex{
display: flex;
}

h1, h2, h3 {
font-family: 'Montserrat';
}

#title{
width: 300px;
height: 70px;
font-weight: bold;
color: white;
box-sizing: border-box;
font-size: 34px;
text-align: center;
/* M: Added text shadow */
text-shadow: 1px 1px 10px rgb(0, 0, 0), 1px 1px 10px rgb(46, 44, 44);
}

#title-container{
  display: flex;
  flex-direction: row;
  height: 70px;
  width: 1100px;
  border-bottom: 3px ridge rgb(124, 58, 237);
  box-sizing: border-box;
}

/* #Quote{
 
} */

#filters-container #genre ul{
color: rgb(255, 255, 255); 
}


#watch-container #watch {
height: 70px;
width: 300px;
box-sizing: border-box;
text-align: center;
font-size: 34px;
font-weight: bold;
/* M: Added text shadow */
text-shadow: 2px 2px 10px rgb(0, 0, 0), 2px 2px 10px rgb(46, 44, 44);
}

.anchor{
padding: 20px;
}



.dropdown-check-list {
display: inline-block;
}

.dropdown-check-list .anchor {
position: relative;
cursor: pointer;
display: inline-block;
padding: 5px 50px 5px 10px;
border: 1px solid #ccc;
}

.dropdown-check-list .anchor:after {
position: absolute;
content: "";
border-left: 2px solid black;
border-top: 2px solid black;
padding: 5px;
right: 10px;
top: 20%;
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.dropdown-check-list .anchor:active:after {
right: 8px;
top: 21%;
}

.dropdown-check-list ul.items {
padding: 2px;
display: none;
margin: 0;
border: 1px solid #ccc;
border-top: none;
}

.dropdown-check-list ul.items li {
list-style: none;
}

.dropdown-check-list.visible .anchor {
color: #000000;
}

.dropdown-check-list.visible .items {
display: block;
}

.hidden{
display: none;
}

#submit{
cursor: pointer;
}

#new-movie{
margin-top: 100px;
margin-left: 130px;
height: 500px;
width: 900px;
box-sizing: border-box;
/* background-color: gray; */
/* background-image: linear-gradient(to right, rgba(33, 40, 125, 0), rgb(80, 8, 135)); */
background: linear-gradient(to left bottom, rgb(49, 46, 129), rgb(129, 140, 248), rgb(49, 46, 129))

;


text-align: center;
font-size: 15px;
display: flex;
align-items:center;
justify-content:left;
border-radius: 10px 10px;
}

#new-movie img{
height: 500px;
width: 250px;
border-radius: 10px 10px;
}

#n1{
margin-top: 20px;
}


#n1 li{
background-color: none;
/* margin: 20px; */
font-size: 15px;
display: flex;
justify-content: left;
color: rgb(26, 16, 16);
font-weight: bold;
font-family: Montserrat;
}

.new{
  background:none;
padding-bottom: 250px;
}

#description{
  background-image: none;
/* font-family: ; */
color: black;
font-weight: bolder;
font-size: 25px;
/* margin-left: 47px; */
}

.img {
max-width: 200px;
max-height: 300px;
min-height: 300px;
border-radius: 25px;
}

#new-movie h4{
  font-family: Montserrat;
}

#desImg {
  min-width: 300px;
  min-height: 500px;
}