/* @@@@@@@@@@@@@@@@@@@@@@@@@ Computers / laptops @@@@@@@@@@@@@@@@@@@@@@@@@ */
/* @media only screen and (min-width: 1024px) { */
  




.login {

    width: 500px;
    max-width: 50%;
    text-align: center;
      
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    color: #333;
    /* line-height: 1.5; */
     
    padding: 1rem 2rem;
    margin: auto;
    margin-top: 5rem;
    
    }
    
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
      .login {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(5px);
        background-color:rgba(240, 228, 70, 0.5) ;
    /* rgba(255, 255, 255, 0.5) */
        }
      .warning {
        display: none;
      }
    }
    
    .login h2 {
      font-family: ubuntu;
      font-size: 1.3rem;
      text-align: center;        
      padding: 6px;
      color: rgb(142, 0, 102);
      /* padding-left: 4rem; */
    }

    .login input {
      font-size: 20px;
      padding: 10px;
      font-family: 'Ubuntu';
      width: 280px;
      margin: 4px;
      border-radius: 8px;
      border: 0px solid #000;
      padding: 14px;
    }
    
    .login label {
      font-size: 24px;
      padding: 10px;
      width: 180px;
      font-family: 'Ubuntu';
      text-align: left;
    
      text-transform: uppercase;
       display:inline-block;
    }
    
    .login input[type="submit"], input[type="reset"] {
      font-size: 25px;
      padding: 14px;
      width: 146px;
      font-family: 'Ubuntu';
      text-align: center;
      background-color: rgb(32, 169, 199);
      border: 0px solid #000;
      border-radius: 8px;
      color: white;
      cursor: pointer;
      margin-top: 12px;
    }
    
    .login input[type="submit"]:hover, input[type="reset"]:hover {
      background-color: rgb(78, 174, 191);
    }
    
    .login input[type="submit"]:active, input[type="reset"]:active {
      background-color: #333;
    }
    
    .login_info {
        font-size: 12px;
        font-family: 'Ubuntu';
    }


  /* @@@@@@@@@@@@@@@@@@@@@@@@@ iPad 9th Gen START @@@@@@@@@@@@@@@@@@@@@@@@@ */
  @media only screen and (max-device-width: 1000px) {

    
    .login {

      width: 350px;
      max-width: 50%;
      text-align: center;
        
      background-color: rgba(255, 255, 255, 0.95);
       border-radius: 20px;
      color: #333;
      /* line-height: 1.5; */
       
      padding: 20px;
      /* margin: auto; */
      margin-top: 40px;
       }
  
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
      .login {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(5px);
        background-color:rgba(240, 228, 70, 0.5) ;
    /* rgba(255, 255, 255, 0.5) */
        }
      .warning {
        display: none;
      }
    }


    .login h2 {
      font-family: ubuntu;
      font-size: 22px;
      text-align: center;        
      padding: 0px;
      color: rgb(142, 0, 102);
      /* padding-left: 4rem; */
    }
    
    .login input {
      font-size: 18px;
      padding: 8px;
      font-family: 'Ubuntu';
      width: 230px;
      margin: 2px;
      border-radius: 8px;
      border: 0px solid #000;
    }
    
    .login label {
      font-size: 18px;
      padding: 5px;
      width: 180px;
      font-family: 'Ubuntu';
      text-align: center;
      text-transform: uppercase;
      display:inline-block;
    }
    
    .login input[type="submit"], input[type="reset"] {
      font-size: 20px;
      padding: 10px;
      width: 120px;
      font-family: 'Ubuntu';
      text-align: center;
      background-color: rgb(32, 169, 199);
      border: 0px solid #000;
      border-radius: 8px;
      color: white;
      cursor: pointer;
      margin-top: 10px;
    }
    
    .login input[type="submit"]:hover, input[type="reset"]:hover {
      background-color: rgb(78, 174, 191);
    }
    
    .login input[type="submit"]:active, input[type="reset"]:active {
      background-color: #333;
    }
    
    .login_info {
        font-size: 12px;
        font-family: 'Ubuntu';
    }



  }
 /* @@@@@@@@@@@@@@@@@@@@@@@@@ iPad 9th Gen END @@@@@@@@@@@@@@@@@@@@@@@@@ */