@font-face {
  font-family: 'HelveticaNeueMedium';
  src: url(fonts/HelveticaNeueMedium.otf);
}

@font-face {
  font-family: 'HelveticaNeueRoman';
  src: url(fonts/HelveticaNeueRoman.otf);
}

body {
  /* background-image: url('images/bg.jpeg'); */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:hsla(15,100%,50%,1);
  background-image:
  radial-gradient(at 80% 100%, hsla(289,94%,66%,1) 0px, transparent 50%),
  radial-gradient(at 0% 0%, hsla(310,100%,70%,1) 0px, transparent 50%);
}

.frosted_glass {
  border-radius: 8px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 12px;
  width: 500px;
  margin: auto;
}

h1 {
  text-align: center;
  color: white;
  font-family: HelveticaNeueMedium;
  padding: 10px;
}

h2 {
  text-align: center;
  color: white;
  font-family: HelveticaNeueRoman;
  padding: 10px;
  padding-top: 0px;
}