header {
   background: black;
   background-image: url("../images/2019-10-17_17-41-17.jpg");
   background-size: cover;
   background-position: center;
   color: white;
   font-family: helvetica Neue, helvetica, Arial, sans-serif;
   height: 150px;
   text-align: center;
}

header .title {
   background: gray;
   display: inline-block;
   font-family: helvetica Neue, helvetica, Arial, sans-serif;
   padding: 10px;
   position: relative;
}

body {
   background: rgb(58, 58, 58);
   color: white;
   font-family: helvetica Neue, helvetica, Arial, sans-serif;
   margin: 5px;
}

section {
   padding: 5px 20px;
}

section.logs {
   margin-left: 25px;
   margin-right: 25px;
}

section.techpage {
	padding: 20px;
	display: flex;
	flex-direction: row;
}

section.techpage figure {
	background: rgb(58, 58, 58);
	margin: auto;
	text-align: center;
	width: 200px;
}

section.techpage figure img {
	width: 200px;
}

ul {
   padding: 10px;
   margin: 10px;
   list-style-type: none;
}
li {
   display: inline-block;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 75px;
  top: 100%;
  left: 50%;
  margin-left: -37.5px;
  background-color: gray;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

footer {
   background: black;
   background-image: url("../images/2013-02-17_12-44-41.jpg");
   background-size: cover; 
   background-position: center;
   color: white;
   font-family: helvetica Neue, helvetica, Arial, sans-serif;
   height: 175px;
   text-align: center;
}