body{
    background-color: #8F8077;
    background-image: url('bg.png');
    background-size: contain;
    font-family: 'Courier New', Courier, monospace;

}
.container {  display: grid;
  grid-template-columns: .5fr 1fr .5fr;
  grid-template-rows: auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
}

.title { grid-area: 1 / 1 / 2 / 4;
  text-align: center;
   display: flex;}

.title img{
     max-width: 50%;
}
a{
  color: black;
}
.content { grid-area: 2 / 2 / 3 / 3; 
background-color: rgba(238, 229, 224, .5);
border: dashed;
border-width: 5px;
border-color: rgb(107, 60, 44);
padding: 20px;
text-align: left;}

h1{
  color: rgb(64, 34, 24);
}
h2{
  color: rgb(168, 82, 54);
}
.nav{

}
.comic{

}