@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,100);

body {
        font-family: Roboto, sans-serif;
        -webkit-font-smoothing: antialiased;
        background-color: #1D1D1D;
        margin: 0px;
        padding: 0px;
		height: 100vh;
		width: 100vw;
}
body,td,th {
        color: #eeeeee;
}
a:link {
        text-decoration: none;
        color: #cccccc;
}
a:visited {
        text-decoration: none;
        color: #aaaaaa;
}
a:hover {
        text-decoration: none;
        color: #555555;
}
a:active {
        text-decoration: none;
}
li {
        display:inline;
        list-style-type:none;
        padding-left:1em;
        margin-left:1em;
        border-left:1px solid #333333;
}

#footerbar{
        background-color: #151515;
        color:#999999;
        border-bottom:1px solid #111;
        white-space: nowrap;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100vw;
}

#barleft{
        float: left;
        text-align: left;
        margin-left:10px;
        width:0px;
        overflow:visible;
}
#barright{
        float: right;
        text-align: right;
        margin-right:10px;
        width:0px;
        overflow:visible;
        direction: rtl;
}
#barmiddle{
        text-align:center;
}

.logo {
		height: 60vh;
}

.center {
		height: 100vh;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
}

@media screen and (max-width: 1000px) 
{
	.logo {
		height: 45vh;
	}
	
	p, a {
		font-size: 43px;
	}
	
	#barleft {
		margin-left:1px;
	}
	
	#barright {
		margin-right:1px;
	}
	
	#footerbar {
		font-size: 34px;
	}
}