Se agrega los estilos para los errores y la ventana de error del servidor

form .login-form-button input:active {

  transform: scale(0.95);

}

.login_error{

  color: red;

  font-size: 12px;

  padding: 0;

  margin: 0;

}  

.server-error-window {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 500px;

  height: 200px;

  z-index: 2;

  box-shadow: 0px 15px 20px rgba(0,0,0,0.1);

  background-color: red;

  display: flex;

  flex-direction: column;

  font-size: 30px;

  font-weight: 500;

  line-height: 50px;

  text-align: center;

  user-select: none;

}

.window-error-header{

  display: flex;

  flex-direction: row;

  align-items: center;

  color: white;

  justify-content: center;

  height: 20%;

}

.window-title{

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

}

.window-title div{

  color: white;

}

.window-close-button{

  color: white;

  display: inline-block;

  cursor: pointer;

  position: absolute;

  right: 5px;

}

.window-error-body{

  display: flex;

  flex-grow: 1;

  background: white;

  align-items: center;

  justify-content: center;

  height: 80%;

  font-size: 25px;

  font-weight: 400;

  line-height: 50px;

}

.circle-exclamation-icon{

  color: red;

  height: 50px;

  margin: 20px;

}

.loading_spinner{

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  z-index: 3;

  width: 150px;

  padding: 20px;

  aspect-ratio: 1;

  border-radius: 50%;

  background: #25b09b;

  --_m: 

    conic-gradient(#0000 10%,#000),

    linear-gradient(#000 0 0) content-box;

  -webkit-mask: var(--_m);

          mask: var(--_m);

  -webkit-mask-composite: source-out;

          mask-composite: subtract;

  animation: l3 1s infinite linear;

}

@keyframes l3 {to{transform: rotate(1turn)}}

 No newline at end of file