*{
	box-sizing: border-box;
}
html{
	font-family: Arial, Helvetica, sans-serif;
}
body{
	margin: 0;
	display:grid;
	grid-template-columns: minmax(5px,1fr) auto minmax(5px,1fr);
	grid-template-rows: 1fr auto;
	grid-template-areas:
		'left main right'
		'left footer right';
	min-height: 100vh;
	background-color: #f4f4f9;
}
#left{
	grid-area: left;
}
#right{
	grid-area: right;
}
#left,#right{
	background-color: #f4f4f9;
}

#main{
	background-color: #fff;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	text-align: center;
}
#footer{
	background-color: #fff;
	text-align:center;
	padding: 20px 0;
}
@media screen and (max-width:759px){
	html{
		font-size: 18px;
		line-height: 160%;
	}
	#main>*{
		padding-right: 10px;
		padding-left: 20px;
	}
}
@media screen and (min-width:760px){
	html{
		font-size: 22px;
		line-height: 175%;
	}
	#main>*{
		padding-right: 3vw;
		padding-left: 3vw;
	}
}
a{
	text-decoration: none;
	color:rgb(0, 0, 238);
}
a:hover{
	text-decoration: underline;
}
h1{
	font-size: 150%;
	line-height: 175%;
	margin: 0;
	text-align: center;
	padding: 40px 0;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
section{
	white-space: pre-line;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}
section:nth-child(even){
	background-color: aliceblue;
}
section:nth-child(odd){
	/* background-color: #fff6f1; */
}

/* ul{
	margin:0;
	display: inline-block;
	white-space: initial;
} */


.pre-line{
	white-space: pre-line;
}

#socialNetworks img{
	width: 18px;
	margin-left: 7px;
	margin-right: 5px;
}
#socialNetworks>a>*{
	vertical-align: middle;
}