@import "../../../../_css/palette.css";

:root {
	--cc-58-splash-background	: rgb(252 239 194);
	--cc-58-splash-border		: rgb(255 227 131);
	--cc-58-footer-background	: rgb(2 26 87);
	--cc-58-footer-border		: rgb(0 27 102);
	--cc-58-border				: rgb(227 234 240);
	--cc-58-background			: rgb(227 234 240);
	
	--cc-blog-border			: rgb(227 234 240);
	--cc-blog-background		: rgb(242 245 247);
}

section.section-splash {
	background-image: linear-gradient( white, var(--cc-58-splash-border) );
}

section.section-splash > .container > figure > img { 
    border: 2px solid var(--cc-58-splash-border);
    background-color: white;
}

nav > ul > li > a > span:hover {
	border: 1px solid var(--cc-58-splash-border);
    background-color: var(--cc-58-splash-background);
    color: #333333;
    transition: .5s;
}