.page-visual-inner{
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url("../img/page/visual-resulut.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


form{
  margin-bottom:20px;
}

label{
  font-size: clamp(1.6rem ,2.08333vw , 1.8rem);
}
input[type="text"],
input[type="password"]{
  width:66%;
  font-size: clamp(1.6rem ,2.08333vw , 1.8rem);
  border: 1px solid #666666;
  margin: 0.5em 0;
  padding: 0.5em 0.75em;
}

input[type="submit"]{
  width:100%;
  font-size: clamp(1.6rem ,2.08333vw , 1.8rem);
  font-weight: 700;
  color: #333333;
  background-color: #CEC136;
  border: none;
  transition-duration: 0.4s;
  padding: 0.5em 5em;
}

#results .inner{
  max-width:840px;
}

#results .content-block.form{
  background-color:#F7F7F7;
  margin:5% 0 7.5%;
  padding:6% 5% 3%;
}
#results .content-block.form .lead{
  font-size:clamp(1.2rem , 1.5625vw, 1.8rem);
}
#results .content-block.form .text{
  font-size:clamp(1.2rem , 1.5625vw, 1.6rem);
}


#results .form-block{
  margin:5% auto 5%;
}
#results .form-block .form-username,
#results .form-block .form-password{
  width:100%;
  max-width:420px;
  font-size:clamp(1.2rem , 1.5625vw, 1.8rem);
  font-weight:700;
  display: flex;
  justify-content: space-between;
  align-items:center;
  margin:2.5% auto;
}

#results .form-submit{
  text-align:center;
}
#results .form-submit input[type="submit"]{
  width:fit-content;
  border-radius:9999px;
  margin:auto;
}
#results .submit-block{
  margin-bottom:5%;
}


.result_info{
  width:100%;
  max-width:375px;
  border:2px solid #666666;
  margin:0 auto 15px;
  padding:15px;
}
.result_info p{
  font-size:1.8rem;
  font-weight:700;
}
.resulut_title{
  border-bottom:1px solid #666666;
  margin-bottom:5px;
  padding-bottom:5px;
  text-align:center;
}
.result_department2{
  margin-top:15px;
}
.notes{
  margin:30px 0;
}

.debug{
  border:1px dotted #CCCCCC;
  margin-bottom:30px;
  padding:15px;
}
.debug p{
  color:#CCCCCC;
}