body {
  background-image: url("paper.webp");
  background-repeat: repeat;
   background-size: 160px 160px;
}
.my-header { border-bottom: 1px solid #000; margin-bottom: 0.5rem }
.my-header h1 { display: inline; }
.my-header span { margin-left: calc(100% - 27em) }
.my-header a { color: black; text-decoration: none; }
.image-text, .image-text-wrap { overflow: hidden; }
.image-text img { float: left; margin-top: 0.5rem }
.image-text-wrap img { float: left; margin-top: 0.5rem; margin-right: 0.5rem; }
.image-text h3, .image-text p { margin-left: 31%; }
.image-text span, .image-text-wrap span { clear:left; }

h3 {margin-top: 0.5em; margin-bottom: 0.5rem; }
p {margin-top: 0.5rem; margin-bottom: 0.5rem; }
.plain-link {color: black; text-decoration: none; }
.paper-title { }
.paper-author { }
.paper-date { }
.project-table { 
	border: 0px solid transparent; 
	width: 100%;
	text-align: center;
}
.project-table td { width: 50%; }
.my-footer { text-align: center; color: grey; font-size: 0.7em; }
.content { min-height: calc(100vh - 2.8rem) }
@media (max-width : 500px) {
    .my-header span { display: none; }
	.my-header h1 { display: block; text-align: center; }
	.image-text img, .image-text-wrap img { display: block; float: none; margin-left: auto; margin-right: auto; width: 60%; }
	.image-text h3, .image-text p { margin-left: 0px; }
}