.signinsignup button:hover{
    background-color: rgba(255, 35, 39, 0.377); 
    color: black;
    box-shadow: 0 0 3px inset;  

}
.signinsignup a{
    text-align: center;  
    font-weight: bold; 
    font-size: 26px; 
    color: black; 
    text-decoration: none;


}
.signinsignup a:hover{
   text-decoration: underline; 
   color: rgb(77, 73, 71); 
     

}

.signinsignup .link{
    text-align: center;
    padding-left: 7px;  
}

.signinsignup .login, .signinsignup .signup, .signinsignup .reset{
    visibility: hidden;
}

.login .login, .signup .signup, .reset .reset{
    visibility: visible;
}


.signinsignup input[type=password]{
    
    background-image: url("../images/password-logo.png"); 
}

.signinsignup ul li{
    width: 100%;
    height: 40px; 
    display: block; 
    margin-bottom: 10px; 
   color: black; 
}


.signinsignup h3{
    width: 100px; 
    font-size: 20px; 
    font-family: Rockwell; 
    color: black; 
    background-color: inherit rgb(229, 29, 37); /*Label Color*/; 
    text-align: center;
    margin-left: 150px; 
    border-radius: 10px;  

}


.register-form div{
    visibility: hidden;
}


.signup .signup-group, .signin .signin-group,
.reset .reset-password-group {
    visibility: visible;
}

.reset .register-form h3{
    content: 'RESET PASSWORD'; 
}


.register-form{
    position: absolute;
      top: 1%; 
     
      background-color: white; 
      left: 40%; 
      width: 20%; 
      height: 99%;
      box-shadow: 0 0 100px rgba(90, 107, 16, 0.651) ;
  }
  
  .register-form li{
      margin-bottom: 10px; 
      padding: 2px; 
      list-style: none; 
  
  }
  
  .register-form div{
      position:absolute; 
      top:30%; 
      height:50%; 
  
  }
  .register-form h3{
      text-align: center; 
      position: absolute; 
      top: 20%; 
      width: 100%; 
  }