/*CORE STRUCTURE
follow semantic html, htmlwhead>body>main>
header>nav (not used)
article>h1>contents>section>h4+p+img
lists are just item <br> (dodgy, but is more for urls than actual lists)
footer>CC + nav + webring/socials?
*/
html {
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:sans-serif;
  word-wrap:break-word;
}
body {
  padding:1em;
  margin:auto;
  max-width:480px;
  color:#000;
  background-color:#fffffe;
  font-size:1.1em;
  line-height:1.2;
}
main {
  margin-bottom:3em;
}
footer {
  margin-bottom:2em;
  font-size:0.75em/*12px*/;
  font-style:italic;
}

/*TEXT ELEMENTS
heading h1, subhead h4 that is all*/
p {
  margin-top:0;
  margin-bottom:1em;
}
h1 {
  font-size:2em;
  margin-bottom:1em;
  margin-top:0;
}
h4 {
  margin-bottom:1em;
  margin-top:3em;
}
.caption { /*for use under images*/
  font-size:0.6em;
  font-style:italic;
  margin-top:-20px;
  margin-bottom:1.67em;
}
.contents {
  margin-top:0;
  margin-bottom:1em;
  columns:2;
}

/*IMG + IMAGE CLASSES*/
img {
  max-width:100%;
  margin-bottom:1.5em;
  margin-top:0em;
  display:block;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
}
.thumb {
  max-width:100%;
  display:inline;
  padding:0px 4px 2px 0px;
  box-sizing:content-box;
  border:0px solid #db64a9;
  margin:0;
}
.inlineicon {
  display:inline-block;
  margin:0;
  vertical-align:middle;
}
.fleft {
  display:inline;
  float:left;
  margin: 0 0.75em 0 0;
}
.fright {
  display:inline;
  float:right;
  margin: 0 0 0 0.75em;
}
.top {
  position:fixed;
  right:1em;
}

/*OTHER SHIT*/
a {font-weight:bold;color:#000;}
a:visited {color:#000;}

::selection {color:#fff;background:#f00;}

ul, ol {margin-left:1em;}
li {margin-bottom:0.75em;list-style:none;}
table td, table th {vertical-align:top;padding:2.5px 5px;text-align:left;}

.copyleft {
/*&#x1f12f*/
  display:inline-block;
  transform: rotate(180deg) translateY(2px) translateX(-2px);
}

/*
background-image: url('etc/bits/bgg4.1.11.png');
background-repeat:no-repeat;
.imglink {background:none;}
background-size:cover;
background-attachment: fixed;
0DC 00b3a4 0ba 000 242424 bdbdbd b6f6e6 ebf e6d6f6 cccfcc
colours and also background image bits

-webkit-filter: invert(100%); 
section {margin-top:0;margin-bottom:3em;columns:2;}

00f,6969ff,a9d,9ad,9af,ccf 6699ca  55d db64a9 (colours for <a>)
db64a9 d374ab 69d fff 000 111 222926
55d,a5d,c7f,dad (same for visited)
184834 ffcc11

figure {display:inline-block;max-width:100%;}
figcaption {max-width:150px;}
centering margin:auto; image centering margin-left:auto;margin-right:auto;
text wrapping float:left;
div {text-align:center;font-size:10px;}
bottom:0; allows for stuck to bottom of screen
span {background-color:#00f;color:#fff;}
*/