/* 1. Global Reset: Ensures consistent spacing across browsers */
/* {margin: 0;padding: 0;box-sizing: border-box;}*/

/*BODY*/
body{margin:0;font-family:'Special Elite',monospace;background:#111;color:#eee;font-weight:400;}
header{position:absolute;top:0;left:0;right:0;background:rgba(0,0,0,0.7);padding:20px;text-align:left;z-index:10;border-bottom:1px solid #444;}
footer{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);padding:20px;text-align:right;z-index:10;border-top:1px solid #444;}
h1.site-title { margin:0; padding:4px 0 0 8px; font-size: 1.2rem; font-weight:400; letter-spacing: 0; text-align:left;color:#dd0000;}
h1.footer-title { margin:0 16px 0 0; padding:8px 0 8px 16px; font-size: 1.1rem; font-weight:400; letter-spacing: 0; text-align:right; }
.container { display:flex; height:100vh; }
.block { flex:1; background-size:cover; background-position:center; }
.overlay { height:100%; background:rgba(0,0,0,0.75); display:flex; align-items:center; justify-content:center; text-align:center; padding:16px 16px -16px 16px; }
.block h2 { margin:0;font-size:2.5rem;font-weight:400;}
a {color: none;background-color: none;font-weight: 400;text-decoration: none;}
/* unvisited link */ a:link {color: #fff;}
/* visited link */ a:visited {color: #fff;}
/* mouse over link */ a:hover {color: yellow;}
/* selected link */ a:active {color: #fff;}