@charset "utf-8";
/* CSS Document */

:root {
	--white: #ffffff;
	--white-rgb: 255,255,255;
	--black: #0d0c0a;
	--black-rgb: 13, 12, 10;
	--grey: #332F29;
	--beige1: #F2EDE6;
	--beige2: #E6D7C4;
	--beige3: #BFA077;
	--beige4: #A68B67;
	--beige5: #8C714D;
	
	--gradient: linear-gradient(310deg, var(--black) 0%, var(--grey) 100%);

	--shadow: drop-shadow(-3px 3px 12px rgba(0,0,0,.2));
}


/* BACKGROUND-COLOR CLASSES */

.bg-white {
	background-color: var(--white);
}

.bg-black {
	background-color: var(--black);
}



.overlay {
	width: 520px;
	height: 100%;
	background: -o-linear-gradient(rgba(var(--white-rgb),0), rgba(var(--white-rgb),.25));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--white-rgb),0)), to(rgba(var(--white-rgb),.25)));
	background: linear-gradient(rgba(var(--white-rgb),0), rgba(var(--white-rgb),.25));
	opacity: .25;
	position: absolute;
}