style.css

body {
	overflow-y: scroll;
}
#web-container {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}
input, select, textarea, .es-list {
	font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
	background-color: white !important;
}
textarea {
	min-height: 38px;
	height: auto;
}
a,
button:focus {
	outline: none;
}
.jumbotron {
	display: table-cell !important;
	vertical-align: middle;
	border-radius: 0;
}
.modal-body canvas {
	width: 100%;
	height: 100%;
	padding: 20px;
}
.modal-body table {
	margin: 20px;
}
#about-modal .modal-footer {
	display: block;
}
.top-about {
	padding: 0 80px;
}

.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}
@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}
@media (max-width:500px){
	.github-corner:hover .octo-arm{animation:none}
	.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}
}

/*@media (min-width:576px){}*/

/*@media (min-width:768px){}*/

/*@media (min-width:992px){}*/

/*@media (min-width:1200px){}*/

/*@media (max-width:575.98px){}*/

/*@media (max-width:767.98px){}*/

/*@media (max-width:991.98px){}*/

/*@media (max-width:1199.98px){}*/