body, html {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#0B4C5F), to(#000000));
  background: -moz-linear-gradient(0 0 270deg, #0B4C5F, #000000);
  background: linear-gradient(#0B4C5F, #000000);
  background: -o-linear-gradient(#0B4C5F, #000000);
  color:#CEE3F6;
  font-size:30px;
  padding:20px;
  font-face:Arial;
  font-family:Arial;
  font-weight:bold;
}
.sr {
  color:#01A9DB;
  width:100%;
  min-width:100%;
  max-width:100%;
  overflow:hidden;
  border-bottom:2px solid #81DAF5;
  border-top:2px solid #58ACFA;
}
.min {
  position:fixed;
  top:510;
  left:40;
  right:40;
}
.main {
  position:absolute;
  top:290;
  left:10%;
  right:50;
  text-align:left;
  font-face:Arial;
  font-family:Arial;
  overflow:auto;
}
.on {
  color:#01A9DB;
}
.off {
  color:#58D3F7;
}

.header {
  color:#01A9DB;
  font-size:45px;
  position:absolute;
  top:70;
  left:50;
  right:50;
  text-align:center;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
}
.smaller {
  font-size:25px;
  color:#CEE3F6;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;

}
.alink {
  position:absolute;
  top:5;
  right:10;
  font-size:25px;
  color:#FFFFFF;
  z-index:200;
  font-weight:bold;
  text-decoration:none;
}

.disabledname {
  width:40%;
  font-size:30px;
  color:#000000;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#8A0808), to(#FF0000));
  background: -moz-linear-gradient(0 0 270deg, #8A0808, #FF0000);
  background: linear-gradient(#8A0808, #FF0000);
  background: -o-linear-gradient(#8A0808, #FF0000);
  padding:2px;
  padding-left:10px;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  border-radius:4px; 
}
.disabledtalent {
  margin-top:18px;
  width:87%;
  font-size:30px;
  color:#000000;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#8A0808), to(#FF0000));
  background: -moz-linear-gradient(0 0 270deg, #8A0808, #FF0000);
  background: linear-gradient(#8A0808, #FF0000);
  background: -o-linear-gradient(#8A0808, #FF0000);
  padding:2px;
  padding-left:10px;
  float:left;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  border-radius:4px;
}
.disabledsubmit {

  margin-top:18px;
  width:20%;
  font-size:30px;
  color:#000000;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#8A0808), to(#FF0000));
  background: -moz-linear-gradient(0 0 270deg, #8A0808, #FF0000);
  background: linear-gradient(#8A0808, #FF0000);
  background: -o-linear-gradient(#8A0808, #FF0000);
  padding:2px;
  float:left
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  border-radius:4px;
}

.name {
  width:40%;
  font-size:30px;
  color:#000000;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#58ACFA), to(#81DAF5));
  background: -moz-linear-gradient(0 0 270deg, #58ACFA, #81DAF5);
  background: linear-gradient(#58ACFA, #81DAF5);
  background: -o-linear-gradient(#58ACFA, #81DAF5);
  padding:2px;
  padding-left:10px;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  border-radius:4px; 
}
.talent {
  margin-top:18px;
  width:87%;
  font-size:30px;
  color:#000000;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#58ACFA), to(#81DAF5));
  background: -moz-linear-gradient(0 0 270deg, #58ACFA, #81DAF5);
  background: linear-gradient(#58ACFA, #81DAF5);
  background: -o-linear-gradient(#58ACFA, #81DAF5);
  padding:2px;
  padding-left:10px;
  float:left;
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  border-radius:4px;
}
.submit {

  margin-top:18px;
  width:20%;
  font-size:30px;
  color:#000000;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#58ACFA), to(#81DAF5));
  background: -moz-linear-gradient(0 0 270deg, #58ACFA, #81DAF5);
  background: linear-gradient(#58ACFA, #81DAF5);
  background: -o-linear-gradient(#58ACFA, #81DAF5);
  padding:2px;
  float:left
  font-weight:bold;
  font-face:Arial;
  font-family:Arial;
  border-radius:4px;
}
.succ {
  position:fixed;
  top:0;
  right:0;
  left:0;
  padding:7px;
  font-size:22px;
  color:#FFFFFF;
  background-color:#000000;
  font-face:Arial;
  font-family:Arial;
  text-align:center;
  border-bottom:5px double #bebfc3;
}

.err {
  position:fixed;
  top:0;
  right:0;
  left:0;
  padding:7px;
  font-size:22px;
  color:#F6CECE;
  background-color:#8A0808;
  font-face:Arial;
  font-family:Arial;
  text-align:center;
  border-bottom:5px double #bebfc3;
}

.one {
  color:#00FF00;
}
.two {
  color:#04B404;
}
.frame {
  position:fixed;
  top:540;
  left:40;
  right:40;
  bottom:20;
  z-index:100;
}
.tspace {
  display: flex;
  margin: 0.8em;
  margin-bottom: -10px; 
  white-space: nowrap;
}
.sspace {
  display: flex;
  margin: 0.0em;
  white-space: nowrap;
}

::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #000;
}