/*containers*/
div.container {
  max-width: 42rem;
  display: flex;
  margin: 0 auto;
  resize: horizontal;
  gap: 10px;
}

/*div.container > div {*/
  /*background-color: #d8d3b3;
/*}*/

@media (max-width: 650px) {
  div.container {
    display: flex;
    flex-direction: column;
  }
}

   
/*about page stuff*/
.aboutSection {
  overflow: auto;
  font-size: 0.68rem;
  flex: 1;
  padding: 5px 15px;
  border-radius: 0px;
  border: 1px solid #603314;
  margin-bottom: 10px;
}

.aboutImage {
  text-align:center;
  flex:1;
}

.pixelme {
  max-width: 60%;
}

div.aboutMore {
  max-width: 42rem;
  margin: 0 auto;
  gap: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 650px) {
  div.aboutMore {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.aboutMoreBlock {
  overflow: auto;
  font-size: 0.68rem;
  flex: 1;
  padding: 5px 15px;
  border-radius: 0px;
  border: 1px solid #603314;
}


/*now page stuff*/

.containerNow {
  max-width: 42rem;
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  resize: horizontal;
  gap: 10px;
}

.nowSection {
  overflow: auto;
  border-radius: 0px;
  border: 1px solid #603314;
  padding: 15px;
  height: auto;
}

.nowImage {
  overflow: auto;
  border-radius: 0px;
  border: 1px solid #603314;
  padding: 15px;
  height: auto;
  text-align: center;
}

.nowImageDetails {
  max-width: 70%;
}

/*cd page*/
.cdSection {
  overflow: auto;
  border-radius: 0px;
  border: 1px solid #603314;
  padding: 15px;
  max-height: 31rem;
}

/*media log*/

.medialog {
  max-width: 42rem;
  display: flex;
  margin: 0 auto;
  resize: horizontal;
  gap: 10px;
}

.column1 {
  flex:1;
  display: flex;
  flex-direction: column;
}

.mediatype {
  overflow: auto;
  border-radius: 0px;
  border: 1px solid #603314;
  padding: 0px 10px;
}

.medialist {
  flex: 5;
  overflow: auto;
  border-radius: 0px;
  border: 1px solid #603314;
  padding: 15px;
  height: 37.5rem;
}

.medialogbutton {
  background-color: #b1b7be;
  font-size: 0.68rem;
  color: #603314;
  font-family: "Space Mono";
  border: 0px;
  margin-top: 5px;
  text-align: left;
}

.medialogbutton:hover {
  color: #76845B;
  text-decoration: none;
  font-style: italic;
}

.mediatitle {
  font-family: "Space Mono";
  color: #603314;
  font-weight: bold;
  font-size: 0.68rem;
}