html {
    margin: 0;
    padding: 0;
}


body {
    margin: 0;
    padding: 0;
    background-color: #defff3;
    font-family: sans-serif;
    display: grid;
    grid-template:
        "header header header"
        "left   center right"
        "footer footer footer";
}


header {
    grid-area: header;
    padding: 1px;
	background-color: #1c8e53;
}

header h1 {
    color: #ffffff;
    margin-bottom: 0;
    padding-left: 20px;
}

header nav {
    text-align: right;
}

header nav span{
    margin-right: 5px;
}


main {
    grid-area: center;
    margin: 70px 0;
}

section {
    margin-bottom: 70px;
}

.title {
    border-bottom :solid 2px #9acd32;
    border-left :solid 4px #9acd32;
    padding-left: 4px;
}

#Profile {
    display: flex;
    justify-content: spa;
}

.text {
    width: 70%;
}

.div_face_img {
    margin-top: 30px;
    margin-left: 80px;
    width: 30%;
    text-align: left;
}

.face_img {
    width: 250px;
}

dl {
	padding-left: 60px;
    line-height: 200%;
}

dt {
	float: left;
	width: 130px;
}

dd {
	margin-left: 130px;
}

#News p {
    margin-left: 60px;
}

footer {
    grid-area: footer;
    text-align: center;
    background-color: #1c8e53;
}

footer small {
    color: #ffffff;
}