body {
	font-size: 1em;
}

.animated {
	-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s; /* Firefox < 16 */
    -ms-animation: fadein 4s; /* Internet Explorer */
    -o-animation: fadein 4s; /* Opera < 12.1 */
    animation: fadein 4s;
	transition: visibility 4s, opacity 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.w-1 {
	width: 1%;
}

.w-45 {
	width: 45%;
}

.opacity0 {
	opacity: 0;
}

.opacity10 {
	opacity: 0.1;
}

.opacity20 {
	opacity: 0.2;
}

.opacity30 {
	opacity: 0.3;
}

.opacity40 {
	opacity: 0.4;
}

.opacity50 {
	opacity: 0.5;
}

.opacity60 {
	opacity: 0.6;
}

.opacity70 {
	opacity: 0.7;
}

.opacity80 {
	opacity: 0.8;
}

.opacity90 {
	opacity: 0.9;
}

.opacity95 {
	opacity: 0.95;
}

.opacity100 {
	opacity: 1;
}

.carousel-control-prev {
	margin-left: -2em;
}
.carousel-control-next{
	margin-right: -2em;
}	

@media only screen and (min-width: 992px) {
	.carousel-control-prev {
		margin-left: -5em;
	}
	.carousel-control-next{
		margin-right: -5em;
	}	
}

pre {
	background: #F7F7F7;
	color: black;
	padding: 1em 1em;
}

code {
	margin: 0;
	padding:  0;
	line-height: 1.6em;
}
.code-comment {
	color: #007979;
}

.code-command {
	color: #008000;
}

.code-math {
	color: #AA22FF;
}

.code-string {
	color: #BC2B21;
}

.code-func {
	color: #0000FF;
}