body {
    margin: 0;          
    overflow-x: hidden; 
    background-color: black;
    color: white;
    box-sizing: border-box; 
    }
     .head h1{
        font-family: 'Monoton', cursive;
       font-size: 4rem;
       color: gold;
       text-shadow: 0 0 10px red, 0 0 20px orange, 0 0 30px yellow;
       text-align: center;
       padding: 20px;
 }
 .movie{
      height: calc(100vh - 150px);
      display: flex;
      justify-content: center;
      align-items: center;  
 }
 
  
          .movie video {
    width: 90%;         
    max-width: 900px;   
    height: auto;       
    border-radius: 15px;
    box-shadow:
      0 0 30px gold,
      0 0 60px orange,
      20px 20px 80px red;
    display: block;
  }
  
          
          .marquee {
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          display: block;
         animation: scrollText 20s linear infinite;
  
          color: gold;
          font-size: 2rem;
          text-shadow: 0 0 10px red, 0 0 20px orange;
          }
  
  @keyframes scrollText {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
  }
  
  .rate-movie {
  text-align: center;
  margin-top: 30px;
  color: white;
  font-family: 'Monoton', cursive;
}
  .rate-movie h2{
  color: gold;
}
  
  
.stars span {
  font-size: 2.5rem;      
  cursor: pointer;        
  transition: transform 0.2s, color 0.2s;
}

.stars span:hover{
  color: gold;          
  transform: scale(1.2);   
}