body {
			background-color : #111111;
			color : white;
        	font-family: 'Jura', sans-serif;        	
        	width: 100%;
        	height: 100%;
        	padding: 0px;
        	margin: 0px;
        	display: none;
        	overflow: hidden;
		}
		* {
			box-sizing: border-box;
		}
		ul {
			 list-style-type: square;
		}
		ul ul {
			 list-style-type: circle;
		}
		ul ul ul {
			 list-style-type: disc;
		}
		/*pre code {
			font-size: 16px;
		}*/

		.progress-bar {
			position : absolute;
			bottom : 0px;
			width : 0px;
			height : 2px;
			margin : 0px;
			padding : 0px;
			border: 0px;
			background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,120,0,1));
		}

		.presentation5 > .slides {
			perspective: 1000px;
		}
		
		.presentation5 > .slides > section > *:first-child {
			background : linear-gradient(to top, rgba(37,40,48, 0), #252830);
		}
		
		.presentation5 > .slides > section > h1::after,
		.presentation5 > .slides > section > h2::after,
		.presentation5 > .slides > section > h3::after,
		.presentation5 > .slides > section > h4::after,
		.presentation5 > .slides > section > h5::after,
		.presentation5 > .slides > section > h6::after
		{
    		height: 1px;
    		display: block;
    		width: 100%;
    		margin-top: 2%;
    		background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,120,0,1), rgba(0,0,0,0));
    		content: '';
		}
		.presentation5 > .slides > section {
			margin : 0px; 
			padding : 0px;
			position: absolute;
			display: block;
		}

		/******************* CONCAVE transition ***********************************/
		.presentation5 > .slides > section.hidden {
			display : none;
			top : 0px;
			left : 0px;
		}
		.presentation5 > .slides > section.current {
			transform: translate3d(0, 0, -200px) rotateY(0deg);   
			transition : all 1s;
			top: 0px;
			left: 0px;
			margin: auto;
			opacity: 1;
		}
		.presentation5 > .slides > section.left-concave {
			/*transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);*/
			transform: translate3d(-50%, 0, 0) rotateY(90deg) translate3d(-50%, 0, 0);
			top: 0px;
			left: 0px;
			margin: auto;
			opacity: 0;
		}
		.presentation5 > .slides > section.right-concave {
			/*transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);*/
			transform: translate3d(50%, 0, 0) rotateY(-90deg) translate3d(50%, 0, 0);
			top: 0px;
			left: 0px;
			margin: auto;
			opacity: 0;
		}

		/******************* CONVEX transition ***********************************/
		.presentation5 > .slides > section.left-convex {
			/*transform: translate3d(-60%, -100px, 0) rotateY(-40deg) translate3d(-60%, -100px, 0);*/
			/*transform: translate3d(-60%, 0, -100px) rotateY(-40deg) translate3d(-60%, 0, -100px);*/
			transform: translate3d(-60%, 0, -100px) rotateY(-120deg) translate3d(-60%, 0, -100px);
			top: 0px;
			left: 0px;
			margin: auto;
			opacity: 0;
		}
		.presentation5 > .slides > section.right-convex {
			/*transform: translate3d(60%, 100px, 0) rotateY(40deg) translate3d(60%, 100px, 0);*/
			/*transform: translate3d(60%, 0, 100px) rotateY(40deg) translate3d(60%, 0, 100px);*/
			transform: translate3d(60%, 0, 100px) rotateY(120deg) translate3d(60%, 0, 100px);
			top: 0px;
			left: 0px;
			margin: auto;
			opacity: 0;
		}