*{
	margin:0px;
	padding:0px;
}

/* PAGE - HOME */

	/* Backround Image */
body.home {
	background-color:black;
}
	/*padding*/
body.home p, img {
	margin: 20px;
}

	/* Header */
header{
	text-align:center;
	position:sticky;
	top:0;
}
	/* navigation */
a {
	color:white;
	text-decoration: none;
}
main{
	margin:30px;
}
ul {
	list-style-type: none;
	margin:10px;
	font-size:90px;
	font-style: italic;
}
nav{
	text-align: center;
}

/* Fonts and text */
*{
	font-family:'Futura';
	src:url('../fonts/futura.ttc') format('truetype');
	color:white;
}
h2{
	text-align:center;
	font-size: 50pt
}
h3{
	text-align:center;
	font-size: 30pt
}
ol {
	list-style-type: none;
	margin:20px;
	font-size:23px;
}

	
	/*paragraph on home page*/

p.home{
	font-size: 30pt;
	text-align: center;
	padding-left:10vh;
	padding-right:10vh;
	border: 3px solid black;
	}
p{
	font-size: 24pt;
	text-align:center;
} 
	/* all paragraph font sizes set to 24 except home class which is 30 */

/* PAGE - HOW IT WORKS */
main.inline{
	display:flex;
	background-color:;
	padding:;
}
main.fin{
	display:flex;
	background-color:;
	padding:;
}

body.howitworks{
	background-color: black;
}

.gap{
	padding:40px;
}

article{
	display:inline-block;
	width:50%;
	margin:10px;
	
}
img.center{
	display:block;
	margin-left:auto;
	margin-right: auto;

}
	/*VIDEO*/
section.video{
	display:block;
	padding:40px;
	margin:30px;
	height:50vh;
}
section{
	text-align: center;
}



iframe{
	height:45vh;
	width:80vw;
	border:10px white;
}

.narrow{
	width:50vw;
	text-align:center;
}
.cen{
	display:block;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}
/*ANIMATION*/
.title {
	transition-duration: 1000ms;
	transition-timing-function: ease-out;
}
.title:hover {
	margin-top: 40px;
	transform: rotate(3deg);
}

.expand {
	transition-duration: 600ms;

}
.expand:hover {
 	transform:rotate(-0.5deg);
 }
section.video:hover {

}

.taka{
	width:50vw;
	display: inline-block;
}