/* 
Sheet: fonts
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)
- font_size_1 = 3.5 [vh] (size of font 1)
- font_size_2 = 2.5 [vh] (size of font 2)
*/ 

@font-face {
  font-family: "Unity";
  src: url("https://dunstan.becht.network/unity/font/proportional.woff2") format("woff2"),
       url("https://dunstan.becht.network/unity/font/proportional.otf") format("opentype");
}

html {
  font-size: 0;
}

body {
  font-size: 0;
}

h1 {
  font-family: Unity, Text;
  font-size: 3.5vh;
}

p, ul, ol, dl {
  font-family: Text;
  text-decoration: none;
  font-size: 2.5vh;
  line-height: 3vh;
}

ul, ol, dl {
  padding-left: 2.5vh;
}

a {
  text-decoration: none;
}

input {
  font-size: 3.5vh;
  font-family: Unity, Text;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

.action {
  user-select: none;
  font-family: Unity, Text;
  font-size: 3.5vh;
}

.active, .action:hover {
  user-select: none;
  font-family: Unity, Text;
  font-size: 3.5vh;
}

input[type=text], input[type=email], input[type=password] {
  cursor: text;
}

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

  h1 {
    font-size: 4.6666666666667vw;
  }

  p, ul, ol, dl {
    font-size: 3.3333333333333vw;
  }

  ul, ol, dl {
    padding-left: 3.3333333333333vw;
  }

  .action {
    font-size: 4.6666666666667vw;
  }

  .active, .action:hover {
    font-size: 4.6666666666667vw;
  }

}