
body {text-align: center; font-family: Montserrat, Helvetica Neue, sans-serif; margin: 0 auto; line-height: 2em; padding: 10px; box-sizing: border-box; color: #333; overflow: auto;
  background: white;
  background-image: linear-gradient(rgba(240, 240, 240, .7) .1em, transparent .1em), linear-gradient(90deg, rgba(240, 240, 240, .7) .1em, transparent .1em);
  background-size: 3em 3em;
}

body, html {height: 100%;position: relative;}

a {text-decoration: none; color: #333; border-bottom: 3px solid #004d80;}
a:hover {color: #004d80}
p {font-weight: 200; font-size: 15px;}

* {
 box-sizing: border-box;
}
*:before,
*:after {
 box-sizing: border-box;
}
html,
body {
 height: 100%;
 position: relative;
}
.main-container {
 min-height: 100vh; /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
 padding-bottom: 100px; /* height of your footer */
}
hr {border-bottom: 3px solid #004d80;}

.name {font-family: Montserrat; font-size: 45px; text-transform: uppercase; font-weight: 900; padding: 12px; border: 4px solid black; color: black; display: inline-block; position: absolute; margin-bottom: 60px; top: 60px; left: 90px;}

.meta {text-transform: uppercase; font-family: Arial, Courier New, Source Sans Pro, sans-serif; font-size: 10px; letter-spacing: .15em;}
.meta a:hover {color: #333;}

.inline-list {list-style: none; margin: 0; padding: 0;}
.inline-list li {display: inline-block;}

footer .inline-list li {margin-right: 40px;}
footer a {border: 5; color: #004d80;}
footer {position: relative; margin: 0 auto; margin-top:2em; bottom: 0%; padding: 10px 0 0 0; width: 100%; background-color: #ffffff; border: solid #004d80 3px;}
