body {
font-family: "Inter", system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.3;
    background-color:#efefef;
    font-weight:400;
}

p {
	margin:1em 0;
	line-height:1.5em;
}

.cards {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}


.card img {
border:1px solid black;
height:100%;
width:100%;
}


/* Screen larger than 600px? 2 column */
@media (min-width: 600px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
}



mark {background-color:#d8d8d8; padding:5px;line-height:1.3em;}

small {font-size:80%;}

.subhead {font-size:80%;color:grey;font-style:italic;}
.special {font-size:100%;background-color:#dbdbdb;padding:1em;border:1px solid black;}
.special1 {font-size:100%; padding:1em;border:1px solid black;background-color:#d8d8d8;}
.large {font-size:200%;}
.filed {font-size:100%;}

.headar {background-color:#dbdbdb;padding:5px;display:inline-block;margin-top:1em;font-size:120%;border: 2px solid #dbdbdb;}
.headar:hover {border: 2px solid black;background-color:white;  transform: scale(1.07);}
.headar a {text-decoration:none;}
.headar a:hover {text-decoration:underline;background-color:white;color:black;}

.headar::before {content: "";}


.icon {height:1rem;line-height:1.3;}

.p1 {background-color:#dbdbdb;padding:1em;}
.p2 {background-color:#c6c6c6;padding:1em;}
.topix {font-size:100%;background-color:#dbdbdb;padding:1em;border:1px solid black;}
.topix a {white-space:nowrap;}
.highlight {background-color:#f4f94a; padding:0.2em;}
.container {
    position: relative;
    text-align: center;
    color: black;
}

img { 
   border:10px solid white;
   max-width:100%; 
   object-fit: cover;
   height: 100%;
   width: 95%;
}

img.oman { 
 border:0px;
 max-width:256px;
 }
 
img.smol { 
 padding:10px;
 max-width:120px;
border:1px solid black;
 }

img.med { 
max-width:240px;
border:2px solid white;
 }
 


img.old {
border:5px solid white;
max-width:640px;
}

table {
	font-size:inherit;
	font:100%;
	margin:1em;
}

table th{border-bottom:1px solid #bbb;padding:.2em 1em;}
table td{border-bottom:1px solid #ddd;padding:.2em 1em;}
input[type=text],input[type=password],input[type=image],textarea{font:99% helvetica,arial,freesans,sans-serif;}
select,option{padding:0 .25em;}
optgroup{margin-top:.5em;}
pre,code{font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;}

pre {
	margin:1em 0;
	font-size:14px;
	background-color:#eee;
	border:1px solid #000;
	padding:5px;
	line-height:1.4em;
	color:#444;
	overflow:auto;
	-webkit-box-shadow:rgba(0,0,0,0.07) 0 1px 2px inset;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;border-radius:3px;	
}
pre code {
	padding:0;
	font-size:12px;
	background-color:#eee;
	border:none;
}
code {
	font-size:12px;
	background-color:#f8f8ff;
	color:#444;
	padding:0 .2em;
	border:1px solid #dedede;
}

abbr{border-bottom:none;}

a:hover{text-decoration:underline;background-color:white;color:black;}

a {color:blue;text-decoration:underline; text-decoration-thickness:0.05em;text-underline-offset: 0.23em;}

a code,a:link code,a:visited code {color:#4183c4;}

h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6{border:0;text-wrap:balance;}
h1{font-size:170%;line-height:1.05em;font-weight:300;}

h1.woo {transform: rotate(-4deg);}

h2{font-size:150%;margin-top:1.5em;font-weight:300;}
h3{font-size:125%;margin-top:1em;font-weight:300;}
hr{border:1px solid #ddd;}

ul li {margin-left:-.5em;margin-top:.5em;margin-bottom:.5em;line-height:1.5em;list-style-type:circle;}
ol li {line-height:2em;}
ul ul,ul ol,ol ol,ol ul{margin-top:0;margin-bottom:0;}


blockquote {margin:0.5em;padding:0.6em 0;border-left:5px solid #c6c6c6;background-color:#dbdbdb;padding-left:.6em;padding-right:.6em;color:#555;}

dt{font-weight:bold;margin-left:1em;}
dd{margin-left:2em;margin-bottom:1em;}

@media screen and (min-width: 914px) {
 	body {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    width:700px;
}
 
ol.n {column-count:2;}
ol.n > li {
    width: 100%;
}


@media print {
	table, pre {
		page-break-inside: avoid;
	}
	pre {
		word-wrap: break-word;
	}
}



/*this stuff is all old but I didn't want to lose it*/


/*
*/

/*background-color: #f8f8f8;*/

/*p img{border:1;max-width:100%;}*/


/*#4183c4*/
/*h1{font-size:170%;}*/
/*h1:first-child{margin-top:0;padding-top:.25em;border-top:none;}*/
/*h2{font-size:150%;margin-top:1.5em;border-top:4px solid #e0e0e0;padding-top:.5em;}*/
/*h3{margin-top:1em;}*/



/*
   body {
        width: 700px;
        margin:0 0 0 0;
    }
 
*/


/*
body {
	font:16px helvetica,arial,freesans,clean,sans-serif;
	color: #000000;
	line-height:1.3em;
	background-color: #efefef;
	padding: 0.4em;
}

border: 2px solid #929596; border-radius: 3px;margin-top:20px;transform: rotate(-4deg);
#d3d6db;
transform:scale(1.2,1.2);
background-image:url("gifs/snow.gif")
background-image:radial-gradient(pink,purple)

*/