@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap"); // Color system $px-theme: #f37021 !default; $px-theme2nd: #15bc27 !default; $px-theme3rd: #051b35 !default; // colors $px-body-color: #718096 !default; $px-black: #000000 !default; $px-white: #ffffff !default; $px-dark: #171347 !default; $px-medium-dark: #1d1d1d !default; $px-gray: #f1f6fd !default; $px-light-gray: #eee !default; $px-yellow: #f5a416 !default; $px-green: #11e279 !default; $px-blue: #15b2ec !default; $px-pink: #f12699 !default; // color map $theme-colors: (); $theme-colors: map-merge( ( "theme": $px-theme, "theme2nd": $px-theme2nd, "theme3rd": $px-theme3rd, "dark": $px-dark, "gray": $px-gray, "light-gray": $px-light-gray, "medium-dark": $px-medium-dark, "white": $px-white, "black": $px-black, "yellow": $px-yellow, "green": $px-green, "blue": $px-blue, "pink": $px-pink, "body": $px-body-color, ), $theme-colors ); // card $px-card-border: #eaedf2 !default; // Font system $px-base-font: 1rem !default; $px-font-family: "Nunito Sans", sans-serif; // Main Font Family $px-font-family-alt: "Quicksand", sans-serif; // Alternative Font Family // Breakpoints $px-media-sm: 567px !default; $px-media-md: 767px !default; $px-media-lg: 991px !default; $px-media-xl: 1199px !default; // Buttons $button-padding-y: 0.75rem; $button-padding-x: 1.75rem; $button-padding-y-sm: 0.3rem; $button-padding-x-sm: 1rem; $button-padding-y-lg: 1rem; $button-padding-x-lg: 1.875rem; $button-padding-y-xl: 1.5rem; $button-padding-x-xl: 2rem; $button-wight: 600; $button-font-size: 1rem; $button-font-size-sm: 0.8rem; $button-font-size-lg: 1rem; $button-font-size-xl: 1.5rem; $button-shadow: 0 21px 35px -5px rgba(0, 0, 0, 0.3); $button-round: 5rem; $button-radius: 0.3125rem; // Input $form-control-border: #e2e8f0; // Buttons color map $button-colors: (); $button-colors: map-merge( ( "theme": $px-theme, "theme2nd": $px-theme2nd, "theme3rd": $px-theme3rd, "dark": $px-dark, "yellow": $px-yellow, "green": $px-green, "blue": $px-blue, "pink": $px-pink, ), $button-colors );