@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Rancho&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
	font-family: Ubuntu;
	font-size: 18px;
	background-color: whitesmoke;
	}
.divPageBody {
	display: none;
	width: 40%;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 400px;
	}
h1 {
	font-family: Oswald;
	font-size: 48px;
	margin-top: .5em;
	margin-bottom: .8em;
	letter-spacing: -2px;
	text-align: center;
	}
.divPresentation {
	display: table;
	margin-left: auto;
	margin-right: auto;
	}
.ulBlogrollExplainer {
	display: table-cell;
	width: 400px;
	font-size: 15px;
	line-height: 140%;
	list-style-type: none;
	vertical-align: top;
	padding-right: 25px;
	}
.divBlogrollContainerContainer {
	display: table-cell;
	}
.ulBlogrollExplainer li {
	margin-bottom: 10px;
	}
.ulExplainerText {
	list-style-type: disc;
	margin-top: 10px;
	}

@media screen and (max-width: 1024px) { /* tablets */
	.divPageBody {
		width: 70%;
		}
	}
@media screen and (max-width: 576px) { /* phones */
	.divPageBody {
		width: 96%;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		}
	h1 {
		font-size: 40px;
		}
	.divPresentation {
		width: 100%;
		}
	.ulBlogrollExplainer {
		font-size: 14px;
		padding-right: 10px;
		}
	}