/*
	----------------------------------------------------------------------------------
	PROJECT RED HORNS 2024
	----------------------------------------------------------------------------------
	by: 			Ludovic "alba" Slangen
					ludovic@slangen.co
	----------------------------------------------------------------------------------
	last update: 	12/11/23
	----------------------------------------------------------------------------------
*/

/*
	---- GRAB THEM FONTS
*/
@import url('gobl_fonts.css');


/*
	---- FUN CURSOR STUFF
*/
html { /* default */
	cursor: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%237A1128;%7D .st1%7Bfill:%23941831;%7D .st2%7Bfill:%23BD253F;%7D%0A%3C/style%3E%3Cg id="cursor_00000111909829297980280530000012203518190137602182_"%3E%3Cg id="dark_00000025435939817025444790000000584108975079353986_"%3E%3Cpath class="st0" d="M0,0.8v14.3c0,0.8,0.9,1.1,1.5,0.6l3.7-3.9c0.2-0.2,0.4-0.3,0.6-0.3h6c0.8,0,1.1-0.9,0.6-1.5L1.4,0.2 C0.9-0.3,0,0.1,0,0.8z"/%3E%3C/g%3E%3Cpath id="med" class="st1" d="M1.1,1.8V14c0,0.1,0.2,0.2,0.2,0.1L4.3,11c0.2-0.2,0.4-0.3,0.6-0.4L1.2,1.7C1.2,1.7,1.1,1.7,1.1,1.8z "/%3E%3Cpath id="light" class="st2" d="M12.3,10.1L1.4,0.2C1.2,0.1,1,0,0.8,0C0.4,0,0,0.3,0,0.8v14.3C0,15.7,0.4,16,0.8,16 c0.2,0,0.4-0.1,0.6-0.3l3.7-3.9c0.2-0.2,0.4-0.3,0.6-0.3h6C12.5,11.5,12.9,10.6,12.3,10.1z M10.6,10.4H5.8c-0.5,0-1.1,0.2-1.4,0.6 l-2.9,3.1c-0.1,0.1-0.2,0-0.2-0.1V1.8c0-0.1,0.1-0.2,0.2-0.1l9.3,8.5C10.8,10.2,10.7,10.4,10.6,10.4z"/%3E%3C/g%3E%3C/svg%3E%0A'), auto;
}
a {/* links */
	cursor: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="utf-8"%3F%3E%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:url(%23gradient_00000084491579721511269720000002547674938429304734_);%7D .st1%7Bfill:%23BD253F;%7D%0A%3C/style%3E%3Cg id="link"%3E%3ClinearGradient id="gradient_00000098923293458877299190000001557471988254232966_" gradientUnits="userSpaceOnUse" x1="2.377" y1="12.738" x2="11.0118" y2="4.1032"%3E%3Cstop offset="0" style="stop-color:%23941831"/%3E%3Cstop offset="1" style="stop-color:%237A1128"/%3E%3C/linearGradient%3E%3Cpath id="gradient" style="fill:url(%23gradient_00000098923293458877299190000001557471988254232966_);" d="M13.2,10.5V7 c0-0.8-0.6-1.6-1.4-1.7c-0.3,0-0.7,0-0.9,0.2c-0.2-0.6-0.7-1-1.3-1c-0.3,0-0.6,0-0.9,0.2C8.4,4,7.9,3.6,7.2,3.5 c-0.3,0-0.6,0-0.8,0.1l0-2C6.4,0.8,5.8,0.1,5,0C4.5,0,4.1,0.1,3.7,0.4C3.4,0.7,3.2,1.1,3.2,1.6v5.9L2.9,7c0,0,0,0,0,0 C2.6,6.6,2.1,6.3,1.6,6.3C0.7,6.3,0,7,0,7.9c0,0.3,0.1,0.6,0.2,0.8c0,0,0,0,0,0l2.5,4c0.6,0.9,1.2,1.7,2,2.2c0.9,0.7,1.9,1,2.7,1 c1.8,0,3.2-0.5,4.2-1.5C13.2,12.9,13.2,10.6,13.2,10.5z"/%3E%3Cpath id="border" class="st1" d="M13.2,10.5V7c0-0.8-0.6-1.6-1.4-1.7c-0.3,0-0.7,0-0.9,0.2c-0.2-0.6-0.7-1-1.3-1 c-0.3,0-0.6,0-0.9,0.2C8.4,4,7.9,3.6,7.2,3.5c-0.3,0-0.6,0-0.8,0.1l0-2C6.4,0.8,5.8,0.1,5,0C4.5,0,4.1,0.1,3.7,0.4 C3.4,0.7,3.2,1.1,3.2,1.6v5.9L2.9,7c0,0,0,0,0,0C2.6,6.6,2.1,6.3,1.6,6.3C0.7,6.3,0,7,0,7.9c0,0.3,0.1,0.6,0.2,0.8c0,0,0,0,0,0 l2.5,4c0.6,0.9,1.2,1.7,2,2.2c0.9,0.7,1.9,1,2.7,1c1.8,0,3.2-0.5,4.2-1.5C13.2,12.9,13.2,10.6,13.2,10.5z M12.2,10.5 c0,0,0,2-1.3,3.3c-0.8,0.8-2,1.2-3.5,1.2c-0.7,0-1.4-0.3-2.2-0.9c-0.7-0.5-1.3-1.1-1.7-1.9l-2.5-4c0,0-0.1-0.2-0.1-0.4 c0-0.4,0.3-0.7,0.7-0.7c0.2,0,0.4,0.1,0.6,0.3l1.1,1.8c0.3,0.4,0.9,0.2,0.9-0.2V1.6c0-0.3,0.3-0.7,0.7-0.7c0.3,0,0.6,0.3,0.6,0.7 l0,5.5c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-2c0-0.3,0.2-0.7,0.7-0.7c0.3,0,0.6,0.3,0.6,0.7v0.9v2.1c0,0.3,0.2,0.5,0.5,0.5 c0.3,0,0.5-0.2,0.5-0.5V6.1c0-0.3,0.3-0.7,0.7-0.7c0.3,0,0.6,0.3,0.6,0.7l0,0.8c0,0,0,0,0,0c0,0,0,0,0,0v2c0,0.3,0.2,0.5,0.5,0.5 c0.3,0,0.5-0.2,0.5-0.5v-2c0-0.3,0.3-0.7,0.7-0.7c0.3,0,0.6,0.3,0.6,0.7V10.5z"/%3E%3C/g%3E%3C/svg%3E%0A'), pointer;
	text-decoration: none;
}

/*
	---- GENERAL THINGS
*/

html,body {
	height: 100%;
	color: #585858;
	background-color: #141414;
}
body::after {
	content: "";
	position: fixed;
	top: 0; left: 0;
	display: block;
	width: 100%;
	height: 100vh;
	background-image: url('../img/strokes.svg');
	background-size: 100% 100%;
	z-index: 1;
}

body {
	display: flex;
	flex-direction: column;
	z-index: 2;
}

header#header {
	z-index: 3;
}

#logo {
	display: block;
	width: 200px;
	height: 140px;
	background: url('../img/gobl.svg') no-repeat center center;
	text-indent: -9999;
	text-decoration: none;
}

div#container {
	flex: 1 0 auto;
	z-index: 3;
}

content#content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	z-index: 3;
}

footer#footer {
	font-family: 'brass_monoregular', sans-serif;
	font-size: 1em;
	font-weight: 300;
	flex-shrink: 0;
	line-height: 40px;
	padding: 0 0 20px 0;
	color: #585858;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
	text-align: center;
	text-transform: uppercase;
	z-index: 3;
}
footer span:first-of-type {
	position: relative;
	top: -1px;
	color: #585858;
}
footer>span {
	position: relative;
	top: -2px;
	margin: 0 -2px;
	color: #BD253F;
}
#footer a,
#footer a:visited {
	color: #585858;
	text-decoration: none;
	transition: all .2s ease-in-out;
	max-height: 20px;
}
#footer a:hover {
	margin-left: -2px;
	padding: 3px 8px 2px 7px;
	color: #000;
	background: rgba(255,255,255,.3);
	border-radius: 12px;
}

/*
	---- RESPONSIVE
*/

@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 812px) 
	and (-webkit-min-device-pixel-ratio: 3) { 
		#logo {
			width: 400px;
			height: 340px;
		}
	
		footer#footer {
			font-size: 2em;
			line-height: 60px;
		}
}