@font-face {
    font-family: "XerxesRegular";
    src: url("../fonts/xerxes-regular.ttf")
}

body {
  padding: 0;
  margin: 10px 0 0 0;
  background-image: url('../images/hieroglyphs.svg');
  background-repeat: repeat;
}

h1 {
  text-align: center;
  font-size: 20vw;
  margin: 0;
  font-family: 'XerxesRegular', sans-serif;
  color: #ed8f1e;
  text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black;
}

.sphinx-image {
  width: 100%;
  height: auto;
  margin-bottom: -16%;
  margin-top: -13%;
  width: 100%;
  position: relative;
  z-index: -1;
}