@charset "utf-8";
/*
------------------------------------------------------------------------
CORPORATE DESIGN
------------------------------------------------------------------------
@file
Corporate design variables for later CSS integration.

Pantone ___
HSL: 202°, 100%, 25%  (sRGB | e.g. in CSS)
HSL: 143,  255,  65   (sRGB | e.g. in Inkscape)
RGB: 0 64 100
HEX: #004064

2 complementary colours:
Pantone ___ & ___
HSL ___ & ___

@note
@see
========================================================================
*/




:root {

--background-var: hsla(0,100%,100%, 1) url(https://blooniverse.com/assets/background.jpg) 0px 0px/cover no-repeat border-box border-box fixed;
--body-padding:   3vh 5vw 3vh 5vw;

--logosignet-width:   8.7vh;
--logosignet-margin:  0.0vh 1.1vw 0.0vh 0.0vw;

--h-hp-color:         hsla(202,100%,25%, 1);
--h-color:            hsla(202,100%,25%, 1);
--h-hp-text-shadow:   0.05em 0.04em 0.1em hsla(0,0%,100%, 1);
--h-text-shadow:      0.05em 0.04em 0.1em hsla(0,0%,100%, 1);
--h-hp-line-height:   0.9;
--h-line-height:      0.9;

--h2-hp-font-size:      2.5rem;
--h2-hp-letter-spacing: 0.04em;
--h2-hp-word-spacing:   0.13em;
--h2-hp-margin:         2vh 0vw 5vh 0vw;
--h2-hp-padding:        0em 0em 0em 0em;

--article-hp-background:       linear-gradient(to bottom, hsla(0,0%,90%, 0.4), hsla(0,0%,50%, 0.8) );
--article-background:          linear-gradient(to bottom, hsla(0,0%,90%, 0.4), hsla(0,0%, 0%, 1.0) );
--article-hp-background-hover: linear-gradient(to bottom, hsla(0,0%,95%, 0.9), hsla(0,0%, 0%, 1.0) );
--article-background-hover:    linear-gradient(to bottom, hsla(0,0%,95%, 0.9), hsla(0,0%, 0%, 1.0) );

--article-hp-border-color:   hsla(60, 100%, 50%,  0.65) transparent transparent transparent;
--article-border-color:      hsla(60, 100%, 50%,  0.95) transparent transparent transparent;
--article-hp-border:         solid 0.2rem;
--article-border:            solid 0.5rem;


}



/*
------------------------------------------------------------------------
STORAGE, COMMENTS, ETC.
------------------------------------------------------------------------
@section
Store temporary data below.

@note
@see
========================================================================
*/