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

html, body {
    font: 13px Work Sans;
	color:#000000;
	margin:0;
	padding:0;
	background:#FFFFFF;
	height:100%;
}

pre {
    white-space: pre-wrap;
}

p {
	margin:0;
	font:normal 13px/1.4em Merriweather;
	padding-left:90px;
	padding-right:300px;
}

#wrapper {
	margin:0 auto;
	width:900px;
}

#wrapper_code {
	padding-left:90px;
	padding-right:300px;
}

#header {
	margin:0 1px;
}

#bg {
	height:36px;
}

#main-content {
	margin:0 auto;
}

#main-image {
	text-align:center;
}

#left-column {
	width:300px;
	padding:0 30px 30px;
	float:left;
}

#right-column {
	width:270px;
	float:right;
}

a:visited, a:link {
	color:#000000;
	text-decoration:underline;
	background:none;
}

a:hover {
	color:#7F7F7F;
	text-decoration:none;
	background:none;
}

h1 {
	color:#000000;
	margin:0 0 10px;
	padding-bottom:10px;
	padding-left:90px;
	padding-right:300px;
	font: 21px Work Sans;
	font-weight: bold;
}

h2 {
	color:#000000;
	margin:0 0 0px;
	padding-left:90px;
	padding-right:300px;
	font: 19px Work Sans;
	font-weight: bold;
}

#nav {
	padding:10px 20px;
	font: 15px Work Sans;
	color:#000000;
}

#nav a {
	margin: 0 10px;
}

#nav a:hover {
	text-decoration:underline;
	color:#7F7F7F;
}

#box {
    width: 25%;
    padding-bottom: 25%;
    border-style: solid;
    border-width: .5px;
    position: relative;
    float: left;
}
#innerContent {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
}
.bounding-box {
    background-size: contain;
    position: absolute;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 99%;
    width: 99%;
    margin: 1px;
}

blockquote {
	margin:0;
	font:normal 13px/1.4em Merriweather;
	padding-left:110px;
	padding-right:300px;
    margin: 1.5em 10px;
}

#fullScreen{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:#000;
}

.dataframe {
    margin-left:90px;
	margin-right:300px;
    font:normal 13px/1.4em Merriweather;
    border-width: 1px;
    border-color: #DBDBDB;/* This is dark*/
    border-collapse: collapse;

}

.dataframe th {
    font:normal 13px/1.4em Merriweather;
    color:black;
    background-color:#DBDBDB;/* This is dark*/
    border-width: 1px;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
    border-style: solid;
    border-color: #FFFFFF;/* This is light*/
    text-align:right;
}

.dataframe tr {
    color:black;
    background-color:#FFFFFF;/* This is light*/
}

.dataframe td {
    font:normal 13px/1.4em Merriweather;
    border-width: 1px;
    border-style: solid;
    border-color: #DBDBDB;/* This is dark*/
    text-align:right;
}