@import "normalize.css";
html, body {
    height:100%;
} 

/* START OF HEADER SECTION */
header{
    flex: 1;
    display:flex;
    justify-content: flex-end;
    background-color:rgb(35, 48, 67);
    background-image: url('../../assets/images/title_banner_sm.png');  
    padding-top:20%;
    background-size:cover ;
    background-repeat: no-repeat;
    background-position:center;
    width: 100%;
    
}  
@media screen and (max-width: 1023px){
  .navbar-menu{
  background-color: black;
  }
}

.navbar-dropdown{
  background-color: black;
}



.navbar{
   background-color: transparent;
 }

.input-group-rounded .input-group-field {
    border-radius: 5000px 0 0 5000px;
    padding-left: 1rem;
  }
  
  .input-group-rounded .input-group-button .button {
    border-radius: 0 5000px 5000px 0;
    font-size: 0.8rem;
  }

 /* MAIN SECTION */

 main{
    display: flex;
    flex-direction: column;
    background-color:black;
    background-image: url("../../assets/images/main_bckg.png");
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    background-attachment:unset;
    height: 145rem;
}  
/* FOOTER SECTION */

footer{
  background-color: rgb(140,18,13);
  background-position:center;
  width: 100%;
  background-size: contain cover;
  border-top: rgb(35, 48, 67);
}
footer.columns{
  margin-left: 0%;
  margin-right: 0%;
} 


/* SCRIPT CSS */
#mymovies{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top:3rem;

}


footer.columns{
  margin-left: 0%;
  margin-right: 0%;
}

#burger{
  background-color: transparent;
}

#poster{
  clip-rule: nonzero;
}
#actors{
    height: 20%;
    width: 20%;
}
#stars{
  display:flex;
}