/* 
Sheet: signage
Version: 1
Author: Dunstan Becht 
Source: dunstan.becht.network/unity
Variables: 
- width = 3 [1] (defines, with 'height', the transition aspect-ratio for @media)
- height = 4 [1] (defines, with 'width', the transition aspect-ratio for @media)
- radius = 0.3 [vh] (text box radius)
- border = 0.1 [vh] (text box border width)
- duration = 0.2 [s] (transition duration)
*/ 

form {
  display: inline-block;
  text-align: center;
  width: 100%;
}

h1 {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 2vh;
}

p {
  text-align: justify;
  margin: 0;
}

.action {
  display: inline-block;
  transition: all 0.2s ease-in;}

.active, .action:hover {
  display: inline-block;
  transition: all 0.2s ease-in;}

.center {
  text-align: center;
}

input {
  display: inline-block;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0 solid;
  transition: all 0.2s ease-in;}

input[type=text], input[type=email], input[type=password] {
  width: 98%;
  text-align: center;
  margin: 2% 0 2% 0;
  border: 0.1vh solid;
  border-radius: 0.3vh;
}

@media (max-aspect-ratio: 3/4) {

  h1 {
    margin-bottom: 2.6666666666667vw;
  }

  input[type=text] {
    border-width: 0.13333333333333vw;
    border-radius: 0.4vw;
  }

}