/* Figma Styles of your File */
:root {
  /* Colors */
  --tumma: #111827;
  --tummansininen: #001644;
  --sahkonsininen: #002677;
  --keskisininen: #002677;
  --kirkkaansininen: #1a90fe;
  --keltainen: #fed801;
  --interjektio-2-keltainen: #fed801;
  --violetti: #6c56ec;
  --vaaleanharmaa: #f4f4f8;
  --vaalein-harmaa: #f8f8fc;
  --valkoinen: #ffffff;
  --colors-white: #ffffff;
  --grey-900: #111827;

  /* Fonts */
  --heading-font-family: "transducer", "Oxanium", sans-serif;
  --desktop-h1-font-family: "transducer", "Oxanium", sans-serif;
  --desktop-h1-font-size: 64px;
  --desktop-h1-line-height: 80px;
  --desktop-h1-font-weight: 500;
  --desktop-h1-font-style: normal;
  --desktop-h2-font-family: "transducer", "Oxanium", sans-serif;
  --desktop-h2-font-size: 44px;
  --desktop-h2-line-height: 54px;
  --desktop-h2-font-weight: 500;
  --desktop-h2-font-style: normal;
  --desktop-h3-font-family: "transducer", "Oxanium", sans-serif;
  --desktop-h3-font-size: 32px;
  --desktop-h3-line-height: 40px;
  --desktop-h3-font-weight: 500;
  --desktop-h3-font-style: normal;
  --desktop-h4-font-family: "transducer", "Oxanium", sans-serif;
  --desktop-h4-font-size: 26px;
  --desktop-h4-line-height: 32px;
  --desktop-h4-font-weight: 500;
  --desktop-h4-font-style: normal;
  --desktop-footer-h-font-family: "transducer", "Oxanium", sans-serif;
  --desktop-footer-h-font-size: 28px;
  --desktop-footer-h-line-height: 36px;
  --desktop-footer-h-font-weight: 500;
  --desktop-footer-h-font-style: normal;
  --desktop-ingressi-font-family: Inter, sans-serif;
  --desktop-ingressi-font-size: 24px;
  --desktop-ingressi-line-height: 40px;
  --desktop-ingressi-font-weight: 500;
  --desktop-ingressi-font-style: normal;
  --desktop-p-font-family: Inter, sans-serif;
  --desktop-p-font-size: 20px;
  --desktop-p-line-height: 32px;
  --desktop-p-font-weight: 400;
  --desktop-p-font-style: normal;
  --desktop-button-font-family: "transducer", "Oxanium", sans-serif;
  --desktop-button-font-size: 14px;
  --desktop-button-line-height: 16px;
  --desktop-button-font-weight: 500;
  --desktop-button-font-style: normal;
  --desktop-p-suuri-font-family: Inter, sans-serif;
  --desktop-p-suuri-font-size: 22px;
  --desktop-p-suuri-line-height: 32px;
  --desktop-p-suuri-font-weight: 400;
  --desktop-p-suuri-font-style: normal;
  --desktop-p-pieni-font-family: Inter, sans-serif;
  --desktop-p-pieni-font-size: 16px;
  --desktop-p-pieni-line-height: 26px;
  --desktop-p-pieni-font-weight: 400;
  --desktop-p-pieni-font-style: normal;
  --mobile-h1-font-family: "transducer", "Oxanium", sans-serif;
  --mobile-h1-font-size: 28px;
  --mobile-h1-line-height: 34px;
  --mobile-h1-font-weight: 500;
  --mobile-h1-font-style: normal;
  --mobile-h2-font-family: "transducer", "Oxanium", sans-serif;
  --mobile-h2-font-size: 26px;
  --mobile-h2-line-height: 32px;
  --mobile-h2-font-weight: 500;
  --mobile-h2-font-style: normal;
  --mobile-h3-font-family: "transducer", "Oxanium", sans-serif;
  --mobile-h3-font-size: 22px;
  --mobile-h3-line-height: 28px;
  --mobile-h3-font-weight: 500;
  --mobile-h3-font-style: normal;
  --mobile-footer-h-font-family: "transducer", "Oxanium", sans-serif;
  --mobile-footer-h-font-size: 20px;
  --mobile-footer-h-line-height: 24px;
  --mobile-footer-h-font-weight: 500;
  --mobile-footer-h-font-style: normal;
  --mobile-ingressi-font-family: Inter, sans-serif;
  --mobile-ingressi-font-size: 16px;
  --mobile-ingressi-line-height: 24px;
  --mobile-ingressi-font-weight: 500;
  --mobile-ingressi-font-style: normal;
  --mobile-p-font-family: Inter, sans-serif;
  --mobile-p-font-size: 14px;
  --mobile-p-line-height: 24px;
  --mobile-p-font-weight: 400;
  --mobile-p-font-style: normal;
  --mobile-button-font-family: "transducer", "Oxanium", sans-serif;
  --mobile-button-font-size: 13px;
  --mobile-button-line-height: 16px;
  --mobile-button-font-weight: 500;
  --mobile-button-font-style: normal;
  --mobile-p-suuri-font-family: Inter, sans-serif;
  --mobile-p-suuri-font-size: 16px;
  --mobile-p-suuri-line-height: 24px;
  --mobile-p-suuri-font-weight: 400;
  --mobile-p-suuri-font-style: normal;
  --mobile-p-pieni-font-family: Inter, sans-serif;
  --mobile-p-pieni-font-size: 14px;
  --mobile-p-pieni-line-height: 20px;
  --mobile-p-pieni-font-weight: 400;
  --mobile-p-pieni-font-style: normal;
  --laptop-h1-font-family: "transducer", "Oxanium", sans-serif;
  --laptop-h1-font-size: 56px;
  --laptop-h1-line-height: 72px;
  --laptop-h1-font-weight: 500;
  --laptop-h1-font-style: normal;
  --laptop-h2-font-family: "transducer", "Oxanium", sans-serif;
  --laptop-h2-font-size: 40px;
  --laptop-h2-line-height: 54px;
  --laptop-h2-font-weight: 500;
  --laptop-h2-font-style: normal;
  --laptop-h3-font-family: "transducer", "Oxanium", sans-serif;
  --laptop-h3-font-size: 28px;
  --laptop-h3-line-height: 36px;
  --laptop-h3-font-weight: 500;
  --laptop-h3-font-style: normal;
  --laptop-ingressi-font-family: Inter, sans-serif;
  --laptop-ingressi-font-size: 20px;
  --laptop-ingressi-line-height: 28px;
  --laptop-ingressi-font-weight: 500;
  --laptop-ingressi-font-style: normal;
  --laptop-p-font-family: Inter, sans-serif;
  --laptop-p-font-size: 18px;
  --laptop-p-line-height: 30px;
  --laptop-p-font-weight: 400;
  --laptop-p-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */