@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
	background-image: url("../img/background.gif");
}

body {
	background-color: rgba(0,0,0,0.97);
	color: rgba(255,255,255,0.7);
	padding: 5px;
	margin: auto;
	width: 80%;
	border: 1px dashed rgba(255,255,255,0.7);
	font-family: "Open Sans";
}

header, nav, main, footer {
	border-bottom: 1px dashed rgba(255,255,255,0.5);
}

header, nav {
	text-align: center;
        padding: 1rem;
}

nav {
        background-image: url("../img/background.gif");
}

.ascii {
	color: rgba(255,255,255,1);
	font-weight: bold;
}

nav ul {
	display: block;
        margin: 0;
        padding: 0;
}

nav ul li {
	display: inline;
	padding-left: 10px;
}

nav ul li a {
	text-decoration: none;
	color: rgba(255,255,255,1);
}

nav ul li a:hover {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #2A6EA4;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

pre {
	font-family: monospace;
}

.highlighter-rouge {
	color: rgba(255,255,255,0.4);
}

.highlight {
	color: rgba(255,255,255,0.7);
}

.highlight {
	border: 1px dashed rgba(255,255,255,0.3);
	padding: 15px;
	background-color: #0D0D0D;
}

.logo, main iframe {
	border: 1px dashed rgba(255,255,255,0.5);
}

.logo {
        width: 10rem;
}
main iframe {
	width: 80%;
}

main header {
	text-align: center;
	padding-bottom: 15px;
	border: 0;
}

main {
        padding: 1rem;
}

footer {
	text-align: center;
	background-image: url("../img/background.gif");
}

footer img {
        vertical-align: middle;
}

.copy {
        font-family: monospace;
        font-weight: bolder;
        vertical-align: middle;
}

#team ~ ul > li > ul > li {
        word-wrap: break-word;
}

.button {
        color: white;
        background-color: black;
        padding: 1.5rem;
        margin: 0.5rem 1rem;
        border: 1px solid white;
        border-radius: 2px;
        font-size: x-large;
        -webkit-transition-duration: 0.6s; /* Safari */
        transition-duration: 0.6s;
}

.button:hover {
       color: black;
       background-color: white;
}

.button-group {
       text-align: center;
}

#title {
       font-size:x-large;
       font-weight:bolder;
       text-align:center;
}
