
*{
    box-sizing: border-box;
    outline: none;
  }

  #greeting{
      font-family: 'Rajdhani', sans-serif;
      text-align: center;
      position: relative;
      top: 100px;
      color: rgb(42, 114, 33);
      font-size: 40px;
      text-shadow: 2px 2px 5px grey;
  }

  .details{
    position: relative;
    margin: auto;
    text-align: center;
    top: 120px;
  }

  .text_box{
    padding-left: 50px;
    width: 350px;
    height: 75px;
    font-size: 20px;
    border-radius: 5px;
    border: none;
    color: black;
    background-color: lightgrey;
    font-family: 'Rajdhani', sans-serif;
  }

  .text_box:focus{
    background-color: lightgreen;
    color: darkgreen;
  }

  #submit_btn{
    font-family: 'Rajdhani', sans-serif;
    background-color: blue;
    color: white;
    width: 350px;
    height: 55px;
    font-size: 18px;
    border-radius: 5px;
    border: none;
  }

  #submit_btn:hover, #submit_btn:focus{
    background-color: green;
  }

  .error_class{
      font-family: 'Rajdhani', sans-serif;
      color: red;
      font-size: 13px;
  }

  .bit_longer_width{
    text-align: center;
    width: 150px!important;
  }

  #backup_btn,#restore_btn{
    font-family: 'Rajdhani', sans-serif;
    background-color: lightgreen;
    color: darkgreen;
  }

  #backup_btn:hover,#restore_btn:hover{
    background-color: darkgreen;
    color: white;
  }

  #otp_btn{
    font-family: 'Rajdhani', sans-serif;
    background-color: rgb(236, 191, 141);
    color: red;
  }

  #otp_btn:hover{
    background-color: red;
    color: white;
  }

  #admin_view{
    display: none;
  }
