html {
  background: url("https://i.pinimg.com/736x/bb/57/af/bb57af2095efe29587acba4070bd34d9.jpg") no-repeat center fixed;
  background-size: cover;
  position: relative;
}

a { 
   color: #183533; 
  text-align: center; 
  text-decoration: none; 
  display: inline-block; 
  border-radius: 20px;
}

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

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

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

mainbody {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: 0.5fr auto 0.8fr auto;
  padding: 2px;
  position: relative;
  min-height: 100vh;
  max-width: 1440px;
  gap: 5px;
  margin: 48px 120px 48px 120px;
}

mainbody > div {
  text-align: center;
  padding: 10px;
  font-size: 20px;
    border-collapse: collapse;
border: 1px dashed white;
  background-color: rgba(199, 52, 22, 0.8);
  overflow: auto;
}

.recordplayer {
  width: 184px;
  z-index: 999;
  margin-top: 75px;
  margin-left: 200px;
  position: absolute;
}

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; 
  margin: 5px;
}

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

h4 {
  line-height: 0px;
}

a:hover { 
  color: white; 
  text-decoration: underline; 
  background-color: hsla(260, 100%, 15%, 0.8); 
  text-align: center;
  display: inline-block; 
}

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

.row1 {
  padding: 20px;
    border-collapse: collapse;
border: 1px dashed white;
background-color: rgba(199, 52, 22, 0.9);
 margin: 5px;
}

.row2 {
  padding: 15px;
  text-align: center;
  color: white;
  background-color: rgba(199, 52, 22, 0.9);
   margin: 5px;
    border-collapse: collapse;
border: 1px dashed white;
}

.row3 {
  display: flex;
  flex-direction: row;
  text-align: center;
  color: white; 
  height: 300px;
}

.row3column1 {
  padding: 15px;
  margin: 5px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  grid-column: 1 / span 2;
  background-color: rgba(199, 52, 22, 0.9);
  grid-row: 3 / span 1;
  gap: 10px;
  width: 200%;
   text-align: center;
  border-collapse: collapse;
border: 1px dashed white;
}

.row3columns2and3 {
  padding: 15px;
  gap: 10px;
  margin: 5px;
  display: flex;
  background-color: rgba(199, 52, 22, 0.9);
  flex-direction: column;
  overflow: auto;
  grid-column: 3 / span 2;
  border-collapse: collapse;
border: 1px dashed white;
  grid-row: 3 / span 1;
}

.row4 {
  display: flex;
  flex-direction: row;
  height: 300px;
  color: white; 
  text-align: center;
}

.row4column1 {
  padding: 15px;
  gap: 10px;
  margin: 5px;
  border-collapse: collapse;
border: 1px dashed white;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background-color: rgba(199, 52, 22, 0.9);
  grid-column: 1 / span 2;
  grid-row: 4 / span 1;
}

.collection {
  display: flex;
  flex-direction: row;
  overflow: auto;
  background-color: rgba(199, 52, 22, 0.9);
  border-collapse: collapse;
border: 1px dashed white;
}

.row4column2 {
 padding: 15px;
  gap: 10px;
  margin: 5px;
  display: flex;
  border-collapse: collapse;
border: 1px dashed white;
  flex-direction: row;
  overflow: auto;
  background-color: rgba(199, 52, 22, 0.9);
  grid-column: 3 / span 1;
  grid-row: 4 / span 1;
}

.table-reviews {
  display: flex;
  flex-direction: column;
  overflow: auto;
  background-color: rgba(199, 52, 22, 0.9);
  grid-column: 3 / span 1;
  grid-row: 4 / span 1;
}

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

td {
  text-align: justify;
  padding: 10px;
  font: 18px Inconsolata;
  border-collapse: collapse;
border: 1px solid white;
}