@font-face {
  font-family: "aqua";
  src: url("../fonts/aqua.ttf") format("truetype"), url("../fonts/aqua.woff") format("woff"), url("../fonts/aqua.woff2") format("woff2");
}

body {
  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
  overflow-x: hidden;
  font-family: "aqua", Verdana, Geneva, Tahoma, sans-serif;
  background-color: #dddddd;
  color: rgba(0, 0, 0, 0.75);
  /*scroll-behavior: smooth;*/
}

h1 {
  position: relative;
  top: 0.165em;
  left: 0.08em;
  z-index: 101;
  font-size: 5em;
  letter-spacing: -0.125em;
  line-height: 0.75em;
}

/************************************************************************ Header */
header {
  position: fixed;
  z-index: 100;
  display: flex;
}

/************************************************************************ Media Queries */