body{
	font-family: 'Roboto' ;
	font-weight: 400;
	background-color: #fffde6 ;
	color: #343331;
	font-size: 17px;
	padding: 0;
	margin: 0 auto;
    width: 40em
}
img{ width: 100%; }
i{color: #ff9c1c;}
a{
	text-decoration: none;
	font-weight: 400;
	color: #000;
	border-bottom: 3px solid #ff9c1c;
}
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: #ff9c1c; */
    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: #ff9c1c;
}
.shadow{     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }



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