
    .hidden{

   display: none;  
  
}

 .show{
 display: flex; 
 
}

  
.auth-container{
    position: fixed;
    z-index: 101;
   
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.register-form{
     
     margin: 50px auto; 
     background-color: white;
     width: fit-content; 
     border: double black; 
     padding: 20px; 
     border-radius: 10px; 
}

.login-box{
     
     width: fit-content; 
     margin: auto; 
     background-color: white;
     border-radius: 10px;
}


 

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.5); /* Полупрозрачный серый */
  z-index: 100; /* Поверх всего */
}

.cursorPointer{

cursor: pointer;

}

.info-message {
  max-width: 400px;
  margin: 20px auto;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 16px;
  text-align: center;
  font-family: sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Типы сообщений */
.info-message.error {
  background-color: #ffe5e5;
  color: #b20000;
  border: 1px solid #ffb3b3;
}

.info-message.success {
  background-color: #e6ffed;
  color: #007a1c;
  border: 1px solid #a1f0c4;
}

.info-message.warning {
  background-color: #fff9e6;
  color: #a36b00;
  border: 1px solid #ffe7a0;
}
