body{
    margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: sans-serif;
	color: #555;
	background-color: #eee;
}

header, footer {
    line-height: 2;
	text-align: center;
	color: #555;
	background-color: #333;
	border: 1px solid rgba(225,0,0,0.7);
}

h1 {
    font-size: 2.5em;
    color: #DD5735;
}

a{
    text-decoration : none;
    color : rgba(225,0,0,0.7) ;
}

h2{
    
    font-size: 2em;
    color: #333;
}

h3 {
    font-size: 1.5em;
}

article{
    background-color : #FFF;
    line-height : 5em;
    border: 1px solid rgba(105,105,105,0.5);
    padding : 1em;
}
div{
    width : 100%;
    margin-bottom : 1em;
        border: 1px solid rgba(105,105,105,0.3);
}
pre{
    background-color: rgba(169,169,169,0.5);
    border: 1px solid rgba(105,105,105,0.7);
}

section {
    border: 2px dashed rgba(225,0,0,0.5);
    display : block;
}
.container {
	max-width: 1100px;
	margin-left: auto; 
	margin-right: auto;
}

* {
	box-sizing: border-box;
}

.card,
.parent > * {
	padding: 2em;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
}
.parent > article {
	width: 50%;
	display: inline-block;
}
.parent3, .parent4 {
	font-size: 0;
}
.parent3 *, .parent4 * {
	font-size: initial;
}

.parent4 * {
	vertical-align : top;
}