html{
  font-size:16px;
}
.no-dbl-select {
  user-select: none;          /* modern standard */
  -webkit-user-select: none;  /* Safari/Chrome */
  -moz-user-select: none;     /* Firefox */
  -ms-user-select: none;      /* Edge/IE */
}
body{
  background-color: rgb(72, 107, 155);
  margin:0px;
  padding:0px;
}
.top_holder{
  position:relative;
  width:100vw;
  height:15vh;
  margin-bottom:2vh;
  cursor:pointer;
}
.title_bar{
  position:absolute;
  top:5vh;
  left:0vw;
  font-size: 5vh;
  width:100vw;
  height:6vh;
  text-align: center;
}
.title_text_1{
  color: rgb(0, 0, 0);
}
.title_text_2{
  color: rgb(119, 174, 250);
  /*text-shadow:
    0vh 0vh 3vw  #000000;*/
}
.eye_holder{
  position:absolute;
  top:2vh;
  left:30vw;
  width:40vw;
  height:15vh;
}
.eye{
  width:100%;
  height:100%;
}
.bottom_holder{
  position:relative;
  left:2vw;
  width:92vw;
  height:63vh;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
  border-radius:4vw;
  padding-left:2vw;
  padding-right:2vw;
  padding-top:2vh;
  padding-bottom:2vh;
}
.login_form{
  position:relative;
  left:2%;
  width:96%;
  border-bottom:3px solid white;
  padding-bottom:2vh;
}
.login_title{
  position:relative;
  width:100%;
  height:5vh;
  font-size:5vh;
  text-align: center;
  color: #FFFFFF;
  padding-bottom:1vh;
}
.label_1{
  padding-top:1.5vh;
  height:3.5vh;
  font-size:3vh;
  color:rgb(255, 255, 255);
  vertical-align: bottom;
}
.input_1{
  position:relative;
  left:5%;
  width:90%;
  height:6vh;
  border-radius:clamp(1rem, 0.5vh, 2rem);
  font-size: clamp(1rem, 2.5vh, 3rem);
}
.login_button{
  position:relative;
  left:5%;
  margin-top:2vh;
  width:90%;
  height:10vh;
  border:0px;
  border-radius: clamp(1rem, 0.5vh, 3rem);
  background-color:rgb(123, 192, 123);
  font-size:6vh;
  color:white; 
  margin-top:3vh;
  cursor:pointer;
}
.login_button:disabled{
  cursor:cursor;
  opacity:0.5;
  cursor:default;
}
.or_label{
  position:relative;
  padding-top:3px;
  text-align: center;
  width:100%;
  font-family: Arial, Helvetica, sans-serif;
  display:block;
  padding-bottom: 1vh;
  font-size: clamp(1rem, 2vh, 3rem);
}
.signup_button{
  background-color:rgb(66, 110, 174);
  display:block;
  cursor:pointer;
}

  .desktop .top_holder{
    position:relative;
    width:100vw;
    height:17vh;
  }
  .desktop .title_bar{
    position:absolute;
    top:0vh;
    font-size: 10vh;
    width:100vw;
    height:17vh;
    text-align: center;
  }
  .desktop .title_text_1{
    color: rgb(0, 0, 0);
  }
  .desktop .title_text_2{
    color: rgb(119, 174, 250);
    /*text-shadow:
      0 0 1vw  #000000;*/
  }
  .desktop .eye_holder{
    position:absolute;
    top:2vh;
    left:3vw;
    width:13vw;
    height:13vh;
  }
  .desktop .eye{
    width:100%;
    height:100%;
  }
  .desktop .bottom_holder{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:30vw;
    height:73vh;
    overflow-y:auto;
    overflow-x:hidden;
    border:1px solid rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius:clamp(2rem, 3vh, 3rem);
    padding-left:2vw;
    padding-right:2vw;
    padding-top:2vh;
    padding-bottom:2vh;
  }