@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');

#headerimg{
height:350px;
width: 700px;
background-image: url('https://linkyblog.neocities.org/my_graphics/Harlock%20Layout%20Graphic%20test%202.png');
background-repeat: no-repeat;
}


.responsive {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

#maincontent {
background-color: #a36f6f;
float: center;
max-width: 700px;
height: 100%;
border-left: solid 1px #0e092b;
border-right: solid 1px #0e092b;
}

#maintxt {
  padding: 0px;
  font-size: 16px;
  letter-spacing: 0px;
  float: center;
}

body {
background-color: #642f2f;
background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  color: #000000;
  font-size: 16px;
  font-family: 'Arvo', serif;
  margin: 0 auto; /* centers the text */
  max-width: 1000px; /* defines the maximum width of your text */
  /*text-align:center;*/
}

.center {
  text-align: center;
}

p {
  margin-right: 5%;
  margin-left: 5%;
  text-align: left;
}


a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:active{
 color: yellow;
 background-color: transparent; 
}

a:visited{
  color: white;
  background-color: transparent;
}

a:hover{
  color: #642f2f;
}

h1{
  font-size: 28px;
  text-align:left;
  margin-left: 5%;
  font-family: 'Arvo', serif;
}

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

navbar {
  display: block;
  width: 100%;
  background: #321818;
  text-align: center;
  line-height: 80%;
  }
  
navbar .navlink {
  display: inline-block;
  margin: 10px 5px;
  padding: 1px;
  font-size: 17px;
  text-transform: uppercase;
  font-family: 'Arvo', serif;
  font-weight:bold;
  }
  
navbar .navlink a {
  color: white;
  }
  
nav2 .navlink a:hover, nav2 .navlink a:focus {
background-color: #7c3b3b;
  }
  

.footer{
  font-size:12px;
  color: white;
  background:#321818;
  padding-top:4px;
  padding-bottom:1px;
}