body{
  background-color: var(--c1);
}

h1{
  margin-bottom: 0.5vw;
}

a{
  color: inherit;
  text-decoration: underline;
}

::selection{
  background-color: var(--c3);
}

em{
  font-family: tiempos_regular;
  text-transform: uppercase;
}

.login{
  font-size: 2vw;
  width:100vw;
  font-family: helvetica_regular;
  position: fixed;
  width: auto;
  height: auto;
  left:50%;
  top:50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
}

.login article{
  flex:1;
}

.login article:first-of-type{
  padding-right: 1.5vw;
  border-right: var(--border);
}

.login article:last-of-type{
  padding-left: 1.5vw;
}

.signup{
  display: block;
}

input[type=submit]{
  border: var(--border);
  -moz-appearance: none;
  -webkit-appearance: none;
  padding: 0.4vw;
  /* background-color: transparent; */
  height: 3vw;
  position: relative;
  float:right;
  box-sizing: border-box;
  box-shadow: none;
}

form div{
  width: 100%;
}

input{
  width:100%;
  box-sizing: border-box;
}

.signup input[type=password]{
  width:100%;
}

 input, button{
  margin: 0.1vw 0;
}


.signup .submit p{
  float: right;
  margin-top: 0.5vw;
}


.otherlink{
  clear: both;
  margin-top: 2vw;
}