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

html { 
  background: url(images/background.webp) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #1f1f1f;
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-large;
}
.bg-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.logo {
  margin: calc(18rem - min(20vw, 300px)) -2rem 0 0;
  font-size: calc(min(20vw, 300px)) !important;
  font-weight: 600;
  letter-spacing: calc(min(1.5vw, 22.5px));
  color: white;
  font-family: 'Raleway';
}
.footer {
  text-align: center;
  position: absolute;
  top: 95%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:50%;
}
.footer * {
  padding: 5%;
}