p, dl, ol, ul, li, span, a{
	margin: 0;
	line-height: 1.6em;
    font-size: 15px;
	padding: 0;
	
}
:root {
  --color-grey-1000: #191919;
  --color-grey-1000-mask: rgb(25 25 25 / 0.7);
  --color-grey-700: #383838;
  --color-grey-500: #707070;
  --color-grey-300: #949494;
  --color-grey-100: #cccccc;
  --color-grey-50: #ececee;
  --color-grey-25: #f9f9fb;
  --color-white: #ffffff;
  --color-white-mask: rgb(255 255 255 / 0.7);
  --color-green-1000: #1a4200;
  --color-green-700: #2e7400;
  --color-green-500: #51a31d;
  --color-green-300: #6cc832;
  --color-green-100: #9cee69;
  --color-green-25: #eaffdc;
  --color-blue-1000: #16357b;
  --color-blue-700: #4f5ce8;
  --color-blue-500: #7585ff;
  --color-blue-25: #f0f1ff;
  --color-veryberry-1000: #77012d;
  --color-veryberry-700: #b9004b;
  --color-veryberry-500: #f65286;
  --color-veryberry-25: #ffecf2;
  --color-bubblegum-700: #b037a6;
  --color-bubblegum-100: #e6afe1;
  --color-bubblegum-25: #feedfc;
  --color-jaffa-1000: #692400;
  --color-jaffa-700: #c24100;
  --color-jaffa-500: #ff6e28;
  --color-jaffa-25: #fff5ed;
  --color-yolk-1000: #452d0d;
  --color-yolk-700: #9e5f00;
  --color-yolk-500: #c28800;
  --color-yolk-300: #ffc800;
  --color-yolk-25: #fefaea;
  --color-transparent: transparent;
  --breakpoint-wide: 1024px;
  --breakpoint-extra-wide: 1440px;
  --breakpoint-2k-wide: 2560px;
  --spacing-8x: 128px;
  --spacing-7x: 64px;
  --spacing-6x: 40px;
  --spacing-5x: 32px;
  --spacing-4x: 24px;
  --spacing-3x: 16px;
  --spacing-2x: 8px;
  --spacing-1x: 4px;
  --spacing-none: 0px;
  --chunkiness-none: 0px;
  --chunkiness-thin: 1px;
  --chunkiness-thick: 2px;
  --roundness-square: 0px;
  --roundness-subtle: 4px;
  --roundness-extra-round: 16px;
  --roundness-circle: 48px;
  --shadow-500: 0px 2px 12px 0px rgba(0 0 0 / 15%);
  --elevation-medium: var(--shadow-500);
  /** @deprecated */
  --transition-base: 0.2s;
  --transition-duration-long: 500ms;
  --transition-duration-medium: 300ms;
  --transition-duration-short: 150ms;
  --transition-easing-linear: cubic-bezier(0, 0, 1, 1);
  --transition-easing-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --transition-easing-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --transition-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --font-family-wide: "PolySansWide", "PolySans", "Inter", -apple-system, "BlinkMacSystemFont",
    "Segoe UI", "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
  --font-family-regular: "PolySans", "Inter", -apple-system, "BlinkMacSystemFont", "Segoe UI",
    "Fira Sans", "Helvetica Neue", "Arial", sans-serif;
  --font-family-monospace: "Courier New", monospace;
  --font-size-10x: 6rem;
  --font-size-9x: 4.5rem;
  --font-size-8x: 3rem;
  --font-size-7x: 2.25rem;
  --font-size-6x: 1.875rem;
  --font-size-5x: 1.5rem;
  --font-size-4x: 1.125rem;
  --font-size-3x: 1rem;
  --font-size-2x: 0.875rem;
  --font-size-1x: 0.75rem;
  --font-weight-bulky: 700;
  --font-weight-median: 600;
  --font-weight-neutral: 400;
  --font-spacing-tight: -0.02em;
  --font-spacing-normal: 0;
  --font-spacing-loose: 0.02em;
  --font-height-tight: 1;
  --font-height-normal: 1.5;
  --icon-size-5x: 48px;
  --icon-size-4x: 40px;
  --icon-size-3x: 32px;
  --icon-size-2x: 24px;
  --icon-size-1x: 16px;
  --icon-size-text-responsive: calc(var(--font-size-3x) * 1.5);
  --layer-depth-ceiling: 9999;
  --minimum-touch-area: 40px;
  /* component wiring? ------------------------------------------ */
  --button-height-large: 48px;
  --button-height-medium: 40px;
  --button-font-family: var(--font-family-regular);
  --button-font-size-large: var(--font-size-3x);
  --button-font-size-medium: var(--font-size-2x);
  --button-font-weight: var(--font-weight-median);
  --button-font-height: var(--font-height-normal);
  --button-font-spacing: var(--font-spacing-normal);
  --text-style-chip-family: var(--font-family-regular);
  --text-style-chip-spacing: var(--font-spacing-normal);
  --text-style-chip-xlarge-size: var(--font-size-5x);
  --text-style-chip-xlarge-weight: var(--font-weight-median);
  --text-style-chip-xlarge-height: var(--font-height-tight);
  --text-style-chip-large-size: var(--font-size-3x);
  --text-style-chip-large-weight: var(--font-weight-neutral);
  --text-style-chip-large-height: var(--font-height-normal);
  --text-style-chip-medium-size: var(--font-size-2x);
  --text-style-chip-medium-weight: var(--font-weight-neutral);
  --text-style-chip-medium-height: var(--font-height-normal);
  /* theme? ------------------------------------------------- */
  --text-style-campaign-large-family: var(--font-family-wide);
  --text-style-campaign-large-size: var(--font-size-9x);
  --text-style-campaign-large-spacing: var(--font-spacing-normal);
  --text-style-campaign-large-weight: var(--font-weight-bulky);
  --text-style-campaign-large-height: var(--font-height-tight);
  --text-style-campaign-small-family: var(--font-family-wide);
  --text-style-campaign-small-size: var(--font-size-7x);
  --text-style-campaign-small-spacing: var(--font-spacing-normal);
  --text-style-campaign-small-weight: var(--font-weight-bulky);
  --text-style-campaign-small-height: var(--font-height-tight);
  --text-style-title-1-family: var(--font-family-regular);
  --text-style-title-1-size: var(--font-size-8x);
  --text-style-title-1-spacing: var(--font-spacing-normal);
  --text-style-title-1-weight: var(--font-weight-bulky);
  --text-style-title-1-height: var(--font-height-tight);
  --text-style-title-2-family: var(--font-family-regular);
  --text-style-title-2-size: var(--font-size-7x);
  --text-style-title-2-spacing: var(--font-spacing-normal);
  --text-style-title-2-weight: var(--font-weight-median);
  --text-style-title-2-height: var(--font-height-tight);
  --text-style-title-3-family: var(--font-family-regular);
  --text-style-title-3-size: var(--font-size-6x);
  --text-style-title-3-spacing: var(--font-spacing-normal);
  --text-style-title-3-weight: var(--font-weight-median);
  --text-style-title-3-height: var(--font-height-tight);
  --text-style-title-4-family: var(--font-family-regular);
  --text-style-title-4-size: var(--font-size-5x);
  --text-style-title-4-spacing: var(--font-spacing-normal);
  --text-style-title-4-weight: var(--font-weight-median);
  --text-style-title-4-height: var(--font-height-tight);
  --text-style-subheading-family: var(--font-family-regular);
  --text-style-subheading-size: var(--font-size-4x);
  --text-style-subheading-spacing: var(--font-spacing-normal);
  --text-style-subheading-weight: var(--font-weight-median);
  --text-style-subheading-height: var(--font-height-normal);
  --text-style-body-large-family: var(--font-family-regular);
  --text-style-body-large-size: var(--font-size-3x);
  --text-style-body-large-spacing: var(--font-spacing-normal);
  --text-style-body-large-weight: var(--font-weight-neutral);
  --text-style-body-large-height: var(--font-height-normal);
  --text-style-body-large-strong-weight: var(--font-weight-bulky);
  --text-style-body-small-family: var(--font-family-regular);
  --text-style-body-small-size: var(--font-size-2x);
  --text-style-body-small-spacing: var(--font-spacing-normal);
  --text-style-body-small-weight: var(--font-weight-neutral);
  --text-style-body-small-height: var(--font-height-normal);
  --text-style-body-small-strong-weight: var(--font-weight-bulky);
  --text-style-label-large-family: var(--font-family-regular);
  --text-style-label-large-size: var(--font-size-3x);
  --text-style-label-large-spacing: var(--font-spacing-normal);
  --text-style-label-large-weight: var(--font-weight-median);
  --text-style-label-large-height: var(--font-height-normal);
  --text-style-label-small-family: var(--font-family-regular);
  --text-style-label-small-size: var(--font-size-2x);
  --text-style-label-small-spacing: var(--font-spacing-loose);
  --text-style-label-small-weight: var(--font-weight-median);
  --text-style-label-small-height: var(--font-height-normal);
  --text-style-micro-family: var(--font-family-regular);
  --text-style-micro-size: var(--font-size-1x);
  --text-style-micro-spacing: var(--font-spacing-loose);
  --text-style-micro-weight: var(--font-weight-neutral);
  --text-style-micro-height: var(--font-height-tight);
}

/*THEME*/
@media (prefers-color-scheme: light) {
    :root {
    --border-style-color:#2f89d3;
    --border-style-color1:#368ad8;
    --bg-head-panel0: #152845;
	--bg-head-panel3: #142c52;
    --bg-head-panel1: #17568c;
    --bg-head-panel1-1: #1a3867;
    --bg-head-panel2: #1b63a2;
    --a-link: #00c3ff;
    --a-link-hover: white;
    --bg-url-main-banner : url("background-header-home.jpeg");

    --em-small-post: rgb(225, 225, 225);
    --sub-small-post: #212529;
    --a-link-title: #131315;
    --search-background: white;
	--bg-title-content-post : aliceblue;
	--bg-main-content-post : white;
    --bg-url-head-nav : url("bg-head-nav.jpg");
	--border-stacks-content : rgb(207, 217, 222) ;
	--button-slider : #00c3ff;
	--item-post-slider: white;
    --text-normal-color: #5a6674;

    --bg-title-content-post-effect : linear-gradient(rgb(220, 237, 252), aliceblue, white);
    --color-light: white;
    --arrow-color: white;

    
    --bg-post-panel: #eee;
	
	
	  --color-interactive-primary: var(--color-green-100);
  --color-interactive-primary-hover: var(--color-green-300);
  --color-interactive-secondary: var(--color-transparent);
  --color-interactive-secondary-hover: var(--color-grey-1000);
  --color-interactive-tertiary: var(--color-transparent);
  --color-interactive-tertiary-hover: var(--color-grey-25);
  --color-interactive-control: var(--color-grey-1000);
  --color-interactive-control-hover: var(--color-grey-700);
  --color-interactive-disabled: var(--color-grey-100);
  --color-surface-primary: var(--color-white);
  --color-surface-accent: var(--color-grey-50);
  --color-surface-inverse: var(--color-grey-1000);
  --color-surface-brand-accent: var(--color-jaffa-25);
  --color-surface-elevated: var(--color-grey-700);
  --color-surface-caution-default: var(--color-jaffa-25);
  --color-surface-caution-strong: var(--color-jaffa-700);
  --color-surface-critical-default: var(--color-veryberry-25);
  --color-surface-critical-strong: var(--color-veryberry-700);
  --color-surface-info-default: var(--color-blue-25);
  --color-surface-info-strong: var(--color-blue-700);
  --color-surface-neutral-default: var(--color-grey-25);
  --color-surface-neutral-strong: var(--color-grey-1000);
  --color-surface-positive-default: var(--color-green-25);
  --color-surface-positive-strong: var(--color-green-700);
  --color-overlay-light: var(--color-white-mask);
  --color-overlay-dark: var(--color-grey-1000-mask);
  --color-content-brand: var(--color-green-1000);
  --color-content-brand-accent: var(--color-bubblegum-700);
  --color-content-primary: var(--color-grey-1000);
  --color-content-inverse: var(--color-white);
  --color-content-secondary: var(--color-grey-500);
  --color-content-disabled: var(--color-grey-300);
  --color-content-caution-default: var(--color-jaffa-700);
  --color-content-caution-strong: var(--color-jaffa-25);
  --color-content-critical-default: var(--color-veryberry-700);
  --color-content-critical-strong: var(--color-veryberry-25);
  --color-content-info-default: var(--color-blue-700);
  --color-content-info-strong: var(--color-blue-25);
  --color-content-neutral-default: var(--color-grey-1000);
  --color-content-neutral-strong: var(--color-white);
  --color-content-positive-default: var(--color-green-700);
  --color-content-positive-strong: var(--color-green-25);
  --color-border-primary: var(--color-grey-1000);
  --color-border-secondary: var(--color-grey-300);
  --color-border-tertiary: var(--color-grey-100);
  --color-always-white: var(--color-white);
  
  
   --bg-head-panel4: #142c52;
   --bg-head-panel5: #17568c;
   --color-item-menu-1: #adb5bd;
   --bg-head-panel-top1: #152845;
   --border-head-panel-top1: 0px solid #1b2029;
   
   --border-bg-search-box: #152845;
   --border-color-search-box:  #283448;
	
    }
}
@media (prefers-color-scheme: dark) {
    :root {
        --border-style-color:#ffffff38;
        --border-style-color1:#ffffff38;
        --bg-head-panel0: #1f2124;
		--bg-head-panel3: #142c52;
        --bg-head-panel1: #171B22;
        --bg-head-panel1-1: #171B22;
        --bg-head-panel2:  #343a40;
        --bg-url-main-banner : url("background-header-home.jpeg");
        --a-link-hover: #1b63a2;
		--a-link-title: #adb5bd;
		--border-stacks-content : rgba(255, 255, 255, 0.15);
		--bg-title-content-post : #212529;
		--button-slider : #343a40;
		--item-post-slider: #343a40;
        --text-normal-color: #5a6674;
        --search-background: #212529;
        --bg-title-content-post-effect : linear-gradient(#343a40, #212529);
        --bg-main-content-post: #343a40;
        --color-light: #212529;
        --a-link: #00c3ff;
        --arrow-color: rgba(255, 255, 255, 0.15);
        --bg-post-panel: #17568c;
		
		 --color-interactive-primary: var(--color-green-100);
  --color-interactive-primary-hover: var(--color-green-300);
  --color-interactive-secondary: var(--color-transparent);
  --color-interactive-secondary-hover: var(--color-white);
  --color-interactive-tertiary: var(--color-transparent);
  --color-interactive-tertiary-hover: var(--color-grey-700);
  --color-interactive-control: var(--color-white);
  --color-interactive-control-hover: var(--color-grey-100);
  --color-interactive-disabled: var(--color-grey-700);
  --color-surface-primary: var(--color-grey-1000);
  --color-surface-accent: var(--color-grey-700);
  --color-surface-inverse: var(--color-white);
  --color-surface-brand-accent: var(--color-grey-700);
  --color-surface-elevated: var(--color-grey-700);
  --color-surface-caution-default: var(--color-jaffa-1000);
  --color-surface-caution-strong: var(--color-jaffa-500);
  --color-surface-critical-default: var(--color-veryberry-1000);
  --color-surface-critical-strong: var(--color-veryberry-500);
  --color-surface-info-default: var(--color-blue-1000);
  --color-surface-info-strong: var(--color-blue-500);
  --color-surface-neutral-default: var(--color-grey-700);
  --color-surface-neutral-strong: var(--color-white);
  --color-surface-positive-default: var(--color-green-1000);
  --color-surface-positive-strong: var(--color-green-500);
  --color-overlay-light: var(--color-white-mask);
  --color-overlay-dark: var(--color-grey-1000-mask);
  --color-content-brand: var(--color-green-1000);
  --color-content-brand-accent: var(--color-bubblegum-100);
  --color-content-primary: var(--color-white);
  --color-content-inverse: var(--color-grey-1000);
  --color-content-secondary: var(--color-grey-100);
  --color-content-disabled: var(--color-grey-500);
  --color-content-caution-default: var(--color-jaffa-500);
  --color-content-caution-strong: var(--color-jaffa-1000);
  --color-content-critical-default: var(--color-veryberry-500);
  --color-content-critical-strong: var(--color-veryberry-1000);
  --color-content-info-default: var(--color-blue-500);
  --color-content-info-strong: var(--color-blue-1000);
  --color-content-neutral-default: var(--color-white);
  --color-content-neutral-strong: var(--color-grey-1000);
  --color-content-positive-default: var(--color-green-500);
  --color-content-positive-strong: var(--color-green-1000);
  --color-border-primary: var(--color-white);
  --color-border-secondary: var(--color-grey-500);
  --color-border-tertiary: var(--color-grey-700);
  --color-always-white: var(--color-white);
  
  
  
   --bg-head-panel4: #171B22;
   --bg-head-panel5: #343a40;
   --color-item-menu-1: #adb5bd;
   --bg-head-panel-top1: #171B22;
    --border-head-panel-top1: 1px solid #222935;
	
	--border-bg-search-box: #171B22;
	--border-color-search-box: #283448;
   
       
     }
}
/*END THEME*/