@font-face {
  font-family:"SourceSansPro-Regular";
  src:url("../fonts/SourceSansPro-Regular.ttf");
}

body {
  background-color:#f0f2f5;
  font-family:SourceSansPro-Regular;
  font-size:1.5vw;
  margin:0;
  overflow:hidden;
  user-select:none;
}

div {
  box-sizing:border-box;
}

h1, h2, h3 {
  color:#3F48CC;
  font-size:4vw;
  margin:0;
  text-align:center;
}
h1 { text-shadow:0.1vw 0.1vw 0.2vw #CACCCF; }
h2 { font-size:2vw; }
h3 { font-size:1vw; margin: 0.5vw; }

a {
  color:#3F48CC;
  text-decoration:none;
}

input {
  font-size:1vw;
  height:3vh;
  width:10vw;
}

td {
  text-align:left;
}

/* */

#login-form-box, #register-form-box, #support-form-box, #resetpassword-form-box {
  display:flex;
  justify-content:center;
  margin:1vw;
}

#form-submit {
  display: none;
}

#captcha-field {
  border: 0.1vw solid #CACCCF;
  border-radius: 1vw;
  display:flex;
  font-size: 1vw;
  justify-content:center;
  margin: 0 10vw 0 10vw;
  padding: 0.5vw;
}

/* */

.line {
  background-color:#CACCCF;
  height:0.1vh;
  margin:1vw;
}

.button {
  width:6vw;
}

#header-container {
  display:flex;
  justify-content:space-between;
  width:100vw;
}

#header-1 img {
  margin:1vw 0 0 1vw;
  width:4vw;
}

header-1 input {
  font-size:1vw;
  margin:1.8vw 0 0 1vw;
  height:4vh;
  position:absolute;
}

#header-2 {
  color:#3F48CC;
  font-size:4vw;
  margin:0 43vw 0 43vw;
  position:absolute;
}

#header-3 img {
 /* border:0.2vw solid #3F48CC;
  border-radius:5vw;*/
  display:inline-block;
  margin:1vw 1vw 0 auto;
  padding:0.2vw;
  width:4vw;
}

#header-3 img:hover {
  background-color:#B2B6E4;
  cursor:pointer;
}

#content-container {
  height:100vw;
  display:flex;
  user-select:text;
}

#content-1, #content-3 {
  width:40vw;
}

#content-2 {
  user-select:text;
  height:90vh;
  overflow-y:auto;
  width:100vw;
}

#content-2-sub, #content-2-sub-support, #content-2-sub-verification, #content-3-sub {
  background-color:#FFFFFF;
  border-radius:0.5vw;
  box-shadow:0.1vw 0.1vw 0.2vw #CACCCF;
  margin:1vw;
  padding:1vw;
  text-align:center;
}

#content-2-sub-disclaimer {
  font-size:1vw;
}

textarea {
  height: 10vh;
  resize: none;
  width: 20vw;
}

#password-view {
  cursor: pointer;
  width: 2vw;
}