html {
	color: black;
	background: white;
	}
	 
body {
	margin: auto;
	text-align: justify;
	padding: 0;
	width: 60ch;
	overflow-wrap: break-word;
	font-family: tahoma;
	}
	
h1,h2,h3 {	text-align: center;line-height: 100%;margin: 1em;}

h1 {	font-size: 250%;}
h2 {	font-size: 170%;}
h3 {	font-size: 130%;}

.text {
	text-align: justify;}

p {margin: 1em 0;}
   
a {color: #248;}
a:visited {color: #248;}
a:hover {background: #def;}

img {
	display:block;
	width: 100%;
	margin: 2em 0 2em 0;
	border-radius: 1em;
	box-shadow: 0.5em 0.5em 0.5em #aaa;
	border: 1px solid black;
	}

ol, ul {
	padding-left: 1.7em;
	margin-top: 1em;
   }	 
	 
hr {
	border: none;
	border-top: 2px solid black;
	height: 2px;
	margin: 3em 0 3em 0
	}
	
span {white-space: nowrap;}
	
me, you {
	border: 1px solid black;
	display: block;
	padding: 0.5em;
	max-width: 60%;
	box-shadow: 0.5em 0.5em 0.5em #aaa;
	}
	
me {
	border-radius: 1em 1em 1em 0;
	background: #ddd;
	margin: 1em 1em 1em auto;
	text-align: left;
	}
	
you {
	border-radius: 1em 1em 0 1em;
	background: #def;
	margin: 1em;
	text-align: right;
	}
	
info {
	background: red;
	display: block;
	padding: 1em;
	color: white;
	}
	
abs {
	background: red;
	color:	white;
	display: inline;
	padding: 0 0.5em 0 0.5em
	}