body {
      margin:0;
      height:100vh;
      display:flex;
      justify-content:center;
      align-items:flex-end;
      font-family:sans-serif;
  }
  .login-box {
      width:90%;
      max-width:400px;
      margin: 0 auto;
      background:rgba(30,58,138,0.9);
      color:white;
      padding:2rem;
      border-radius:8px 8px 8px 8px;
      text-align:center;
      align-items:center;
      margin-bottom: 15vh;

  }
  .login-box h2 {
    margin-bottom:1rem;
  }
  .login-box input {
    width:90%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0.75rem;
    margin-bottom:1rem;
    border:none;
    border-radius:4px;
  }
  .txt {
    width:90%;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    padding:0.75rem;
    background:white;
    color:steelblue;
    border:none;
    border-radius:4px;
    cursor:pointer;
    font-weight:bold;
    text-align:center;
  }
  .btn {
    width:90%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0.75rem;
    background:#2563eb;
    color:white;
    border:none;
    border-radius:4px;
    cursor:pointer;
    font-weight:bold;
    text-align:center;
  }
  .btn:hover { background:#1d4ed8; }

  .btn-login {
    width:90%;
    margin-top:1rem;
    background:#2563eb;
    color:white;
    padding:0.75rem;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
  }
  .btn-login a {
    display:flex;
    align-items:center;
    color:white;
    text-decoration:none;
    font-weight:bold;
  }
  .btn-login img {
    width:24px; height:24px; margin-right:0.5rem;
    padding: 2px;              /* ระยะห่างรอบๆ รูป */
    background-color: #fff;    /* สีพื้นหลังรอบ padding */
    border: 2px solid #fff;    /* เส้นขอบสีขาว */
    border-radius: 4px;        /* ถ้าอยากให้มุมโค้งนิดหน่อย */
  }
  .line-login {
    width:90%;
    margin-top:1rem;
    background:#00c300;
    color:white;
    padding:0.75rem;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
  }
  .line-login a {
    display:flex;
    align-items:center;
    color:white;
    text-decoration:none;
    font-weight:bold;
  }
  .line-login img {
    width:24px; height:24px; margin-right:0.5rem;
    padding: 2px;              /* ระยะห่างรอบๆ รูป */
    background-color: #fff;    /* สีพื้นหลังรอบ padding */
    border: 2px solid #fff;    /* เส้นขอบสีขาว */
    border-radius: 4px;        /* ถ้าอยากให้มุมโค้งนิดหน่อย */
  }
  .sideicon{
    width:24px; height:24px; margin-right:0.5rem;
  }