body{
	font-family: 'Roboto' ;
	font-weight: 400;
	background-color: #f9efe3 ;
	color: #343331;
	font-size: 17px;
	padding: 0;
	margin: 0 auto;
    width: 40em
}
h1{ color: #3b5085; }
img{ width: 100%; }
i{color: #3b5085;}
a{
	text-decoration: none;
	font-weight: 400;
	color: #000;
	border-bottom: 3px solid #3b5085;
}
a:hover{
	/* color: #0073a1; */
	/* font-weight: 800; */
	border-bottom: 3px solid #343331;
}
p{ line-height: 1.6em; }
pre{
    display: inline-block;
	font-family: 'Roboto' ;
    padding: 1em;
    white-space: pre-line;
    /* background-color: #3b5085; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.half{
    /* width: 15em; */
	columns: 2;
}

.note{
    font-size: 14px;
    color: #3b5085;
}
.shadow{     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.color{     color: #3b5085; font-weight: bold; }



@media (max-width: 800px), (orientation:portrait) { /************************************************************************************/
	body{width: 95vw;}
}