/* Reset default browser styles */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    font-family: proxima-nova, SFPro, Arial, sans-serif;
}

.container {
    position: relative;
    height: 100vh; /* Full viewport height */
    width: 100vw;  /* Full viewport width */
    background: no-repeat center center fixed; 
    background-size: cover; /* Cover the entire container */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

.content {
    color: white;
    background: rgba(0, 0, 0, 0.0); /* Semi-transparent background for better text readability */
    padding: 70px 20px 20px;
    border-radius: 6px;
    margin: 20px;
}

h1 {
    margin: 0;
    font-weight: 100;
    font-size: 1.8em;
	letter-spacing: .3rem;
	/* offset-x | offset-y | blur-radius | color */
	/*text-shadow: 
		1px -1px 0px black,
		2px -2px 0px black,
		3px -3px 0px black,
		4px -4px 0px black,
		5px -5px 0px black;*/
	}
h3 {
    margin: 10px 0 0;
    font-size: 1.2em;
    font-weight: 400;
    }

p {
    margin: 2px 0 0;
    font-size: 0.85em;
    font-weight: 300;
	letter-spacing: .025rem;
	}

a:link, a:visited { /* white, keeping it simple */
	color: white;
	font-weight: 700;
	text-decoration: none;
	}
a:hover { /* bright blue, was dark greenish gray */
	color: #74d2f2; /* 79bcd2 66ccff 0099cc 615A4C */
	}