@CHARSET "UTF-8";

.signinblock {
   margin:5% auto;
   width:min(360px,90%);
   height:40vh;
   text-align:center;   
}

.signininput {
   padding:0 1em;
   width:90%;
   height:3em;
   font-size:1em;
   border:thin solid gray;
   outline-style:none;
}

.signinuserinput {
   border-radius:4px 4px 0 0;
}

.signinpwinput {
   border-radius:0 0 4px 4px;
   border-top-width:0;
}

.signinerrblock {
   width:90%;
   margin: 2em auto;
   /*border-radius:4px;*/
   /*border: thin solid red;*/
   text-align: center;
   list-style: square outside none;
   padding: 0 1em;
   color: red;
}

.signinbtn {
   width:50%;
   height:2.5em;
   padding:0 1em;
   font-size:1em;
   color: white;
   background: var(--kfyblue);
   border:thin solid #555092;
   border-radius:4px;
   margin: 1em auto;
}

.signinbtn:hover {
   background: var(--kfybtnhover);
}