@import url("/loads/theme.css");

body {
  margin: 50px 150px;
font-size: 1.1em;
font-family: "Baskervville", serif;
font-weight: 400;
font-style: normal;
}

#header {
  width: 460px;
  margin: 15px auto 7px auto;
}
h1{
font-family: 'Special Elite', serif;
text-align: center;
font-size: 45px;
font-weight: normal;
color: var(--dark);
margin: 0px;
}
h1 a {
  color: var(--dark);
}
h1 a:hover {
  color: var(--med);
}
#nav{
background-color: var(--background);
width: 460px;
padding: 5px 0;
margin-bottom: 10px;
}
#nav a {
  color: var(--dark);
}
#nav a:hover{
font-weight: bold;
}
ul{
text-align: center;
padding: 0px;
margin: 0px;
}
a {
text-decoration: none;
color: var(--med);
  -o-transition: .2s linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  transition: .2s linear;
}
a:hover {
  font-weight: bold;
  color: var(--med);
}
li{
list-style-type: none;
display: inline;
margin-right: 15px;
margin-left: 15px;
white-space: nowrap;
}

#all {
  display: flex;
  flex-wrap: wrap;
}

.box {
  position: relative;
  background-color: var(--dark);
  width: 45%;
  margin: 20px;
  border: 8px solid var(--dark);
}
.box h2 {
  text-align: center;
  margin-top: 0;
}
.box a {
  color: var(--light);
  text-decoration: underline;
}

.abs {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 90px;
}
.box img {
  width: 90px;
  height: 235px;
  object-fit: cover;
}

.txt {
  height: 190px;
  color: var(--background);
  overflow: auto;
  padding: 15px 15px 15px 98px;
}