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

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

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

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

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

h1 {
  color: white;
  font-family: CeraRoundPro-Black;
}

h2 {
  color: white;
  font-family: CeraRoundPro-Medium;
  font-size: 20px;
}

p {
  font-family: RFToneRegular;
  font-size: 16px;
  color: #b5b5b5;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  line-height: 130%;
}

h3 {
  font-family: CeraRoundPro-Bold;
  font-size: 24px;
  background: -webkit-linear-gradient(315deg, #ffbc00, #ff0058);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}