/***** Commons *****/

/* Polices */

@font-face {
  font-family: "PP Formula Condensed";
  src: local("PP Formula Condensed"),
    url("/static/fonts/FormulaCondensed-Bold.woff2") format("woff2"),
    url("/static/fonts/FormulaCondensed-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "PP Formula Condensed";
  src: local("PP Formula Condensed"),
    url("/static/fonts/PPFormula-CondensedBoldItalic.woff2") format("woff2"),
    url("/static/fonts/PPFormula-CondensedBoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "Roslindale";
  src: url("/static/fonts/RoslindaleText-Regular.woff2") format("woff2"),
    url("/static/fonts/RoslindaleText-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Roslindale";
  src: url("/static/fonts/RoslindaleText-Italic.woff2") format("woff2"),
    url("/static/fonts/RoslindaleText-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: "Roslindale";
  src: url("/static/fonts/RoslindaleText-Bold.woff2") format("woff2"),
    url("/static/fonts/RoslindaleText-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Roslindale";
  src: url("/static/fonts/RoslindaleText-BoldItalic.woff2") format("woff2"),
    url("/static/fonts/RoslindaleText-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
}

/* Variables */

:root {
  --pa-font-sans-serif: "PP Formula Condensed", sans-serif;
  --pa-font-serif: "Roslindale", serif;
  --pa-font-alternate: "Roboto", sans-serif;

  --pa-color-white: #ffffff;
  --pa-color-white-rgb: 255, 255, 255;
  --pa-color-lightgray: #d9d9d9;
  --pa-color-lightgray-rgb: 217, 217, 217;
  --pa-color-grey-200: #cbccc5;
  --pa-color-grey-200-rgb: 203, 204, 197;
  --pa-color-grey-300: #a4a5a0;
  --pa-color-grey-300-rgb: 164, 165, 160;
  --pa-color-grey-500: #5b5c59;
  --pa-color-grey-500-rgb: 91, 92, 89;
  --pa-color-dark: #1d1d1b;
  --pa-color-dark-rgb: 29, 29, 27;
  --pa-color-dark-blue: #122840;
  --pa-color-dark-blue-rgb: 18, 40, 64;
  --pa-color-darker-blue: #1a202c;
  --pa-color-darker-blue-rgb: 26, 32, 44;
  --pa-color-black: #000000;
  --pa-color-black-rgb: 0, 0, 0;
  --pa-color-orange: #fb4c0d;
  --pa-color-orange-rgb: 251, 76, 13;
  --pa-color-doly: #fdf98f;
  --pa-color-doly-rgb: 253, 249, 143;
  --pa-color-amber: #fffac5;
  --pa-color-amber-rgb: 255, 250, 197;
  --pa-color-neon-blue: #4131ff;
  --pa-color-neon-blue-rgb: 65, 49, 255;
  --pa-color-blue: #55d6ff;
  --pa-color-blue-rgb: 85, 214, 255;
  --pa-color-blue-2: #94f1ff;
  --pa-color-blue-2-rgb: 148, 241, 255;
  --pa-color-light-blue: #83e1ff;
  --pa-color-light-blue-rgb: 131, 225, 255;
  --pa-color-lighter-blue: #efeffc;
  --pa-color-lighter-blue-rgb: 239, 239, 252;
  --pa-color-green: #14ae5c;
  --pa-color-green-rgb: 0, 174, 92;
  --pa-color-pale-green: #94eea2;
  --pa-color-pale-green-rgb: 148, 238, 162;
  --pa-color-pale-green-15-100: #effcf1;
  --pa-color-pale-green-15-100-rgb: 239, 252, 241;
  --pa-color-green-light: #c7ffcb;
  --pa-color-green-light-rgb: 199, 255, 203;
  --pa-color-cerise: #fde6e9;
  --pa-color-cerise-rgb: 253, 230, 233;
  --pa-color-cerise-200: #fbd0d9;
  --pa-color-cerise-200-rgb: 251, 208, 217;
  --pa-color-pink: #fd8fe6;
  --pa-color-pink-rgb: 253, 143, 230;
  --pa-color-pink-2: #fec8fd;
  --pa-color-pink-2-rgb: 254, 200, 253;
  --pa-color-tickle-me-pink: #ff8cae;
  --pa-color-tickle-me-pink-rgb: 255, 140, 174;
  --pa-color-light-bg-orange: #fbbaa3;
  --pa-color-light-bg-orange-rgb: 251, 186, 163;
  --pa-color-light-bg-yellow: #fffba6;
  --pa-color-light-bg-yellow-rgb: 255, 251, 166;
  --pa-color-light-bg-blue: #a6e9ff;
  --pa-color-light-bg-blue-rgb: 166, 233, 255;
  --pa-color-light-bg-pink: #ffa6cb;
  --pa-color-light-bg-pink-rgb: 255, 166, 203;
  --pa-color-red: #dc3545;
  --pa-color-red-rgb: 220, 53, 69;
  --pa-color-light-violet: #f9f5ff;
  --pa-color-light-violet-rgb: 249, 245, 255;

  --pa-site-header-height: 4rem;
  --pa-form-border-width: 2px;
  --pa-form-border-radius: 4px;
  --pa-bounce-transition: cubic-bezier(.27,1.31,.5,1);
}

@media (prefers-reduced-motion: prefers) {
  :root {
  --pa-bounce-transition: ease-out;
  }
}

@media (min-width: 768px) {
  :root {
    --pa-site-header-height: 6rem;
  }
}

body.front #app {
  font-family: var(--pa-font-serif);
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  color: var(--pa-color-dark);
  scroll-behavior: smooth;
  letter-spacing: -0.16px;
  background: var(--pa-color-white);
}