:root {
  --bg-color: #fd4c22;
  --header-title-color: #2c2e35;
  --header-subtitle-color: #fff;
  --login-button-bg-color: #fd4c22;
  --login-button-hover-bg-color: #e0431e;
  --login-button-text-color: #fff;
}

@font-face {
  font-family:"pf-reminder";
  src:url("/pf-reminder-bold.woff2") format("woff2"),url("/pf-reminder-bold.woff") format("woff");
  font-display:auto;
  font-style:normal;
  font-weight:700;
  font-stretch:normal;
}
  
@font-face {
  font-family:"pf-reminder";
  src:url("/pf-reminder-medium.woff2") format("woff2"),url("/pf-reminder-medium.woff") format("woff");
  font-display:auto;
  font-style:normal;
  font-weight:500;
  font-stretch:normal;
}

@font-face {
  font-family:"pf-reminder";
  src:url("/pf-reminder-regular.woff2") format("woff2"),url("/pf-reminder-regular.woff") format("woff");
  font-display:auto;
  font-style:normal;
  font-weight:400;
  font-stretch:normal;
}

.front h1{
  font-size: 10rem;
}

.front h1, .front h2, .front h3, .front h4, .front h5, .front h6 {
  font-family: "pf-reminder", sans-serif;
  font-weight: 500;
  letter-spacing: -0.02em;
  transform: rotate(-5deg);
}


.front .already-setup h1{
  font-size: 4.4rem;
}