@font-face {
  font-family: "Celtica";
  src: url("/fonts/Celtica-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: "Celtica", sans-serif;
  background: url("/images/pexels-nyc-01.jpg") no-repeat center center fixed;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
}

.overlay-text {
  position: absolute;
  top: 10vh;
  left: 5vw;
  font-size: 7rem;
  color: #333333;
}

.tunes-button {
  position: absolute;
  top: 35vh;
  left: 12vw;
  padding: 10px 20px;
  font-size: 1.5rem;
  font-family: "Celtica", sans-serif;
  background-color: #54576b;
  color: white;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}

.tunes-button:hover {
  background-color: #008000;
}