:root {
    --main-color: rgb(255, 104, 104);
	--background-color: #5c5c5c;
	--background-darker-color: #2e2e2e;
	--line-color: var(--main-color)
}
body{	
	color:#f7f7f7;
	background:var(--background-darker-color);

	background-image: url("grid2.png");
    background-repeat: repeat;



	margin:40px auto;
	max-width:800px;
	line-height:1.4;
	font-size:18px;
	padding:0 10px;}

h1{line-height:1.2; text-align:center}
h2{line-height:1.2; border-bottom: 1px solid;}
h3{line-height:1.2; border-bottom: 1px dotted;}
pre,blockquote,.signature{
	padding: 1em;
	background:#787878;
	white-space: pre-wrap;   
}
blockquote,.signature{	
	font-style: italic;
	margin: 2em 1em;}
p,ul,ol { list-style-type: circle;}
a { color:var(--main-color);;text-decoration:none; padding:0.5em 0;}
a:hover { text-decoration:underline;}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
figcaption{ font-style: italic; font-size: 90%; text-align: center;}
.header{
	margin: 1em 0;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width:15%;
}
.subtitle {text-align: center; font-style: italic;}
.navbar{
	background:var(--background-darker-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	padding:10px 10px;
}

.maincontent{
	background:var(--background-darker-color);
	align-items: center;
	padding:10px 10px;
	
}
.horizontal { text-align: left; padding:10px 40px;}
.horizontal li{display: inline-block; margin: 0 0.5em;}
a[href^="mailto"]::after {content:' 📧';}
a[href^="gemini"]::after {content:' 🚀';}
a[href^="http"]::before {
	content:url("link.png");
	position:relative; 
  	left:-3px;
  	top:0px;}