@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Manrope:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
 :root { --page-background-color: #272526;
--content-background-color: #272526;
--text-color: #fdfdfd;
--primary-color: #ffb800;
--secondary-color: #6a4a9d;
--p-font-family: Raleway, sans-serif;
--p-font-size: 16px;
--p-font-weight: normal;
--p-font-style: normal;
--p-line-height: 140%;
--p-text-transform: none;
--p-letter-spacing: 0px;
--h1-font-family: Manrope, sans-serif;
--h1-font-size: 36px;
--h1-font-weight: bold;
--h1-font-style: normal;
--h1-line-height: 120%;
--h1-text-transform: none;
--h1-letter-spacing: 0px;
--h2-font-family: Manrope, sans-serif;
--h2-font-size: 28px;
--h2-font-weight: bold;
--h2-font-style: normal;
--h2-line-height: 120%;
--h2-text-transform: none;
--h2-letter-spacing: 0px;
--h3-font-family: Manrope, sans-serif;
--h3-font-size: 22px;
--h3-font-weight: bold;
--h3-font-style: normal;
--h3-line-height: 120%;
--h3-text-transform: none;
--h3-letter-spacing: 0px;
--h4-font-family: Manrope, sans-serif;
--h4-font-size: 18px;
--h4-font-weight: bold;
--h4-font-style: normal;
--h4-line-height: 120%;
--h4-text-transform: none;
--h4-letter-spacing: 0px;
--button-font-family: Raleway, sans-serif;
--button-font-size: 16px;
--button-font-weight: bold;
--button-font-style: normal;
--button-line-height: 120%;
--button-text-transform: none;
--button-letter-spacing: 0px;
--pre-font-family: Raleway, sans-serif;
--pre-font-size: NaNpx;
--pre-font-weight: bold;
--pre-font-style: normal;
--pre-line-height: NaN%;
--pre-text-transform: none;
--pre-letter-spacing: 0px;
--primary-button-border-radius: 2px;
--primary-button-border-style: solid;
--primary-button-border-width: 2px;
--primary-button-border-color: #ffb800;
--primary-button-color: #272526;
--primary-button-background: #ffb800;
--primary-button-font-size: 16px;
--primary-button-font-weight: bold;
--primary-button-font-style: normal;
--primary-button-font-family: Raleway, sans-serif;
--primary-button-line-height: 120%;
--primary-button-text-transform: none;
--primary-button-letter-spacing: 0px;
--secondary-button-border-radius: 2px;
--secondary-button-border-style: solid;
--secondary-button-border-width: 2px;
--secondary-button-border-color: #6a4a9d;
--secondary-button-color: #fdfdfd;
--secondary-button-background: #6a4a9d;
--secondary-button-font-size: 16px;
--secondary-button-font-weight: bold;
--secondary-button-font-style: normal;
--secondary-button-font-family: Raleway, sans-serif;
--secondary-button-line-height: 120%;
--secondary-button-text-transform: none;
--secondary-button-letter-spacing: 0px;
--primary-button-hover-opacity: 100;
--primary-button-hover-shadow: 0 0 10px 6px rgb(0 0 0 / 10%);
--primary-button-hover-color: #272526;
--primary-button-hover-background: #ffb800;
--primary-button-hover-border-color: #ffb800;
--secondary-button-hover-opacity: #6a4a9d;
--secondary-button-hover-shadow: #6a4a9d;
--secondary-button-hover-color: #fdfdfd;
--secondary-button-hover-background: #6a4a9d;
--secondary-button-hover-border-color: #6a4a9d;
 }