body{
   /*  background-color: rgba(181, 171, 171, 0.493); */
    background-color: rgb(211 225 146 / 30%);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
}
/* .cardClass{
    height: 40vh;
    width: 30vw;

} */
.card{
    position: absolute;
    top:50%;
    transform: translate(0,-50%);
}
.card-header{
    align-items: center;
    justify-content: center;
    display: flex;
}
.card-title{
    font-weight: bolder;
    font-weight: 4vw;
    
}
#signup{
    text-align: center;
    text-decoration: underline;
   /*  font-style: italic; */
    top: 2vh;
    /* font-size: 1.2vw; */
    display: inline;
   
}
.spanField{
    color: red;
    font-size: 1vw;
    font-weight: bold;
    visibility: hidden;
}
#passsuccessMsg{
    color: green;
    display: none;
    font-size: 2vw;
    font-weight: bold;
}
#gotoBtn{
    text-align: center;
    text-decoration: underline;
    top: 2vh;
    display: inline;
    font-weight: bold;
}

footer {
    background-color: #fff;
    position: absolute !important;
    bottom: 0;
    padding: 5px!important;
    color: darkgreen;
}

.back-to-top {
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none;
  }
  
  /*font icon*/
   .fa{
    font-size: 30px;
  }