* {
  padding: 0;
  margin: 0;
  font-size: 1em;
  color: black;
  font-weight: normal;
}

img {
  width: 400px; 
  max-width: 100%;
}

.d { float: left; max-width: 49%; margin:.5em }
.dd { width: 400px; max-width: 49% }
.lin div { display: inline-block; vertical-align: top; max-width: 33% }

a:hover { background: black; color: hotpink }

ul {
  list-style-type: none;
  margin: .5em; margin-top: .2em; 
}

ul li {
  margin-bottom: .15em;
  font-size: .8em;
}

body {
  font: .9rem sans-serif;
  max-width: 800px;
  margin: auto
}

p { font-size: .8em; margin-top: .6em; }

.b,h2 { font-size: .7em;
  margin-top: 1rem;
 }

.con { column-count: auto; column-width: 100px; column-gap: 0; clear: both }
.con img { max-width: 100%; width: 100%; display: block; outline: 2px solid white;
  opacity: .7;
 }

.con img:hover { opacity: .3 }