body {
        
 
    margin: 0;
  
   background-position: center center;
   background-attachment: fixed;
  background-size: cover;
   background-repeat: no-repeat;
   backdrop-filter: blur(2px);
   background-color: #011932;
   
            
  
  font-family: Arial, sans-serif;
  
  } 
   
  
  
  .container {
  
  width: 200px;
  
   margin-left:15px ;
  
  

  
  
  
  border-radius: 5px;
  
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  
  
  }
  
  
  
  h1 {
  
  text-align: center;
  
  color:rgba(0, 255, 255, 0.532);
  
  
  }
  
  
  
  form {
  
  margin-top: 20px;
  
  }
  
  
  
  input[type="text"],
  
  input[type="password"] {
  
  width: 80%;
  
  padding: 10px;
  
  margin-bottom: 20px;
  
  border: 1px solid #79c8cd;
  
  border-radius: 3px;
  margin-left: 10px;
  
  }
  
  
  

  
  
   a{ 
    color: rgba(65, 222, 222, 0.753);
   
   
  }
  .reg{ 
  margin-left: 10px;
  color: rgba(42, 255, 255, 0.758);
  }
  img{ 
     margin-right: auto;
     margin-left: auto;
     display: block;
     margin-top: 50px;
  }
  .forgotPassword a{ 
    color: rgb(42, 255, 255);
    margin-left: 35px;
  }
  .submit{ 
    margin-left: auto;
    margin-right: auto;
    
    padding: 5px;
    width: 70px;
    display: flex;
    justify-content: center;
    background-color:rgba(0, 255, 255, 0.532);
    border: none;
    border-radius: 2px;
   
  }
  
  
  @media(max-width:1568px){ 
    .container {
  
  margin-left: auto;
  margin-right: auto;
  margin-top: 150px;
  
  
  }
  }