*,
*:after,
*:before
{
  color:var(--text-color);
  text-align:center;
  box-sizing:inherit;
  margin:0;
  padding:0;
}

html
{
  width:100%;
  height:100%;
  box-sizing:border-box;
  font-size:1px !important;
}

.error-code
{
  margin-top:15vh;
  font-size:20vw;
}

/* Media */

@media(orientation:landscape)
{
  body
  {
    width:100%;
    height:100%;
    font:normal 2vw/2.5vw 'Segoe UI',Roboto,'Source Sans Pro',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    background-color:var(--background-color);
    color:var(--text-color);
  }

  h1
  {
    line-height:2vw;
    font-size:2vw;
    color:var(--text-color);
  }

  h2
  {
    line-height:1.5vw;
    font-size:1.5vw;
    color:var(--text-color);
  }

  h3
  {
    line-height:1vw;
    font-size:1vw;
    color:var(--text-color);
  }
}

@media(orientation:portrait)
{
  body
  {
    width:100%;
    height:100%;
    font:normal 2vh/2.5vh 'Segoe UI',Roboto,'Source Sans Pro',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    background-color:var(--background-color);
    color:var(--text-color);
  }
  
  h1
  {
    line-height:3.5vh;
    font-size:3.5vh;
    color:var(--text-color);
  }

  h2
  {
    line-height:3vh;
    font-size:3vh;
    color:var(--text-color);
  }

  h3
  {
    line-height:2.5vh;
    font-size:2.5vh;
    color:var(--text-color);
  }
}