@media screen and (max-width: 760px) {
  
    *{
  
  margin: 0;
  box-sizing: border-box;
  
  }
      
      body {
          padding: 0;
          margin: 0;
          height: 100vh;
          width: 100%;
          position: relative;
          background-image: url(https://image.tmdb.org/t/p/original/A4j8S6moJS2zNtRR8oWF08gRnL5.jpg);
         
          
          background-position: center center;
          font-family: Arial, Helvetica, sans-serif;
      }
      
      body::before {
          content: '';
          background-color: rgb(0, 0, 0, .5);
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
      }
  
  
      .alert{position:relative;
          padding:1rem 1rem;
          margin-bottom:1rem;
          border:1px solid transparent;
          border-radius:.25rem
      }
          
      .alert-danger{
          
          color: white;
          background-color: red;
          border-color: #f5c2c7
      }
  
  
  
      
      .logo img {
          
          width: 200px;
          object-fit: contain;
      }
      
      .header {
          padding: 20px 50px;
          position: relative;
          z-index: 10;
      }
  
      
      .login_body {
          padding: 20px;
          z-index: 90;
          position: relative;
          max-width: 500px;
          height: 550px;
         margin: 20px;
      
          background-color: rgb(0, 0, 0, 0.75);
          border-radius: 10px;
          box-sizing: border-box;
          
      }
      
      .login_body h2 {
          font-size: 25px;
          color: #fff;
          margin-top: 0;
      }
      
      .login_body input {
          height: 50px;
          width: 100%;
          color: #fff;
          background-color: #333;
          border: none;
          border-radius: 5px;
          padding-left: 15px;
          box-sizing: border-box;
          outline: none;
      }
      
      .login_body input:hover {
          background-color: #444;
      }
      
      .input_box {
          margin-top: 20px;
          margin-bottom: 20px;
       
      }
      
      .login_body .button {
          height: 50px;
          width: 100%;
          color: #fff;
          background-color: #e50914;
          border-radius: 3px;
          font-weight: bold;
          font-size: 15px;
          border: none;
          margin-bottom: 10px;
      }
      
      .login_body button:hover {
          background-color: #fc1722;
          cursor: pointer;
      }
      
      .support {
          display: flex;
          color: #b3b3b3;
          justify-content: space-between;
          font-size: 12px;
          margin-bottom: 5px;
      }
      
      .support input {
          width: 15px;
          height: 15px;
      }
      
      .remember {
          display: flex;
          align-items: center;
      }
      
      .remember span {
          margin-right: 5px;
          height: 25px;
      }
      
      .help a {
          text-decoration: none;
          color: #737373;
      }
      
      .help a:hover {
          text-decoration: underline;
      }
      
    
      
     
      
      .sign_up {
          color: #737373;
          font-size: 16px;
          margin-top: 20px;
          margin-bottom: 20px;
      }
      
      .sign_up a {
          color: #fff;
          font-size: 16px;
          
          text-decoration: none;
      }
      
      .sign_up a:hover {
          text-decoration: underline;
      }
      
      .terms {
          color: #737373;
          font-size: 13px;
      }
      
      .terms a {
          text-decoration: none;
          color: #0071eb;
      }
      
      .terms a:hover {
          text-decoration: underline;
      }
  
  }