@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
p{
	padding-bottom:1em;
}
img{
	width:100%;
	height:auto;	
}
#wrapper{
    max-width:900px;
    margin:1em auto;
    font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
header{
    display:flex;
    justify-content: space-between;
}
nav ul{
    display:flex;
    list-style-type:none;
    font-size:2em;
}
nav li{
    padding-left:1em;
    cursor:pointer;
}
main{
    margin-top:1.5em;
}
main>div{
    width:20%;
    height:6px;
    background-color:#D4D4D4;
}


/* FLEX CLASSES: */
[class*="flex"] {
    padding:0 1%;
}
.flex1{
	flex: 1;
}
.flex2{
	flex: 2;
}
.flex3{
	flex: 3;
}
.flex4{
	flex: 4;
}
.flex5{
	flex: 5;
}
.flex6{
	flex: 6;
}