:root {
  --bg-color: #2e2e57;
  --header-title-color: #fcb917;
  --header-subtitle-color: #fff;
  --login-button-bg-color: #fcb917;
  --login-button-hover-bg-color: #c7961e;
  --login-button-text-color: #000;
}

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

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

h1{
  font-size: 6rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "roca", sans-serif;
}

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

#authHand{
  max-width: 14rem;
  left: 110%;
}