* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

.intro > td {
	vertical-align: top;
	border-right: 1px solid black;
	
}
#concepts{
	border-right: none;
}

.startedWords{
	border-right: none;
	vertical-align: top;
}
.bigpic > figure > img{
	height: 500px;
	width: 600px;
}

.startedPics{
	vertical-align: top;
}
div#navbar {
    position: fixed;
    width: 100%;
    top: 0;
}
.snippets > figure > img{
	height: 450px;
	width: 100%;
	
}
.snippets1 > figure > img{
	height:350px;
	width: 350px;
}
div#navbar>ul>li {
    display: block;
    padding: 15px;
    text-align: center;
    background-color: black;
    height: 30px;
}
figure > img{
	height: 200px;
	width: 600px;
}

div#navbar>ul>li>a {
    text-decoration: none;
    color: #61dafb;
    font-size: 1.5em;
}
#container{
	background-color: #BDB1B1;
	text-align: center;
}
td > p{
	text-align: justify;
	font-size: 1.1em;
}
table{
	width: 100%;
}
.tab{
	width: 33%;
}
.started{
	width: 50%;
	font-size: 2em;
}
.page {
    padding-top: 240px;
    min-height: 600px;
	
    display: block;
	background-color: #f7f7f7;
	width: 80%;
	margin: auto;
}
.startedrender{
	width: 60%;
}
.content{

}
.content > th{
	font-size: 2em;
	text-align: center;
}
table{
	width: 100%;
	text-align: center;
}
.list > li{
	padding:10px;
}
ul{
	
	padding: 5px;
	text-align: left;
	list-style-type: none;
	
}

.didmount{
	padding-top: 50px;
}

#landingImg{
	height: 450px;
	width: 900px;
}

li >span{
	font-size: 1.2em;
}
li span{
	margin-left: -11px;
}
.heading{
	border-bottom: 2px solid black;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	font-size: 3em;
}

@media screen and (min-width: 600px) {
    .clear {
        clear: both;
    }

    div#navbar {
        width: 100%;
        background-color: black;
    }

    div#navbar>ul>li {
        float: left;
    }

    .page {
        padding-top: 60px;
    }
}