html {
  background: url("https://i.pinimg.com/736x/70/c3/87/70c3870726fab344c79cffa6ca689a77.jpg") no-repeat center fixed;
  background-size: cover;
  position: relative;
}

.meinpixels {
  z-index: 999;
  width: auto;
  height: 500px;
  margin-top:  111px;
  margin-left: 200px;
  position: absolute;
}

.brownrecluse {
  z-index: 999;
   margin-top: 671px;
  margin-left: 432px;
  position: absolute;
}

#main_nav { 
  font-family: VT323; 
  font-size: 27px; 
  margin: auto; 
  text-align: center;
}

a {
  color: white; 
  text-align: left; 
  text-decoration: none; 
  display: inline-block; 
  padding: 5px;
  border-radius: 10px;
}

a:hover { color: #F5D6D0; text-decoration: underline; background-color: hsla(260, 100%, 15%, 0.3); padding: 3px; text-align: center; display: inline-block; }

body {
  display: block;
  margin: 48px 120px 48px 120px;
    background-image: url("photos/homebackground2.jpg");
  border-collapse: collapse;
border: 1px solid white;
  font: 12px Inconsolata;
text-align: center;
  position: relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

h1 {
  font-family: VT323;
  font-size: 75px;
  line-height: 1.5;
  text-align: center;
  color: #F5D6D0;
  text-shadow: -2px 2px 8px #000;
  margin: 36px 120px 36px 120px;
}

h2 {
  font-family: VT323; 
  font-size: 27px; 
  text-align: right;
}

.fullhome {
  display: grid;
  grid-template-columns: 350px 350px 350px;
  grid-template-rows: 300px auto auto;
  padding: 2px;
  position: relative;
  min-height: 100vh;
  max-width: 1440px;
  gap: 5px;
  margin: 48px 120px 48px 120px;
}

.fullhome > div {
  text-align: center;
  padding: 10px;
  font-size: 20px;
   background-color: rgba(199, 52, 22, 0.8);
  overflow: auto;
}

.row1 {
 margin: 5px;
  padding: 5px;
  grid-column: 1 / span 3;
  grid-row: 1 / span 1;
}

.row2 {
  color: white;
  margin: 5px;
  display: flex;
  flex-direction: row;
  text-align: justify;
  font: 15px Inconsolata;
  padding: 5px;
   grid-row: 2 / span 1;
    grid-column: 1 / span 3;
}

.welcome {
   margin: 5px;
  padding: 5px;
  gap: 10px;
}

.row3 {
   color: white;
  display: flex;
  flex-direction: row;
  text-align: center;
  font: 15px Inconsolata;
    margin: 5px;
  padding: 5px;
  gap: 10px;
   grid-row: 3 / span 1;
    grid-column: 1 / span 3;
}

.table1 {
  grid-row: 3 / span 1;
  grid-column: 3 / span 1;
   margin: 5px;
   padding: 5px;
  gap: 10px;
}

.table2 {
  grid-row: 3 / span 1;
  grid-column: 2 / span 1;
   margin: 5px;
  padding: 5px;
  gap: 10px;
}

.table3 {
  grid-row: 3 / span 1;
  grid-column: 1 / span 1;
   margin: 5px;
  padding: 5px;
  gap: 10px;
}

table {
  padding: 5px;
  margin: 5px;
  width: 250px;
  height: 150px;
}

tr {
  text-align: center;
}

td {
  padding: 10px;
  margin: 5px;
   text-align: justify;
  font: 15px Inconsolata;
}
  
tr:nth-child(even) {
  background-color: #7DDBBF;
  color: black;
}

table, th, tr {
  overflow: auto;
  text-align: center;
  font: 15px VT323;
  position: sticky;
  color: white;
}

p {
  font: 15px Inconsolata;
  text-align: justify;
}