body {
    font-family: 'Times New Roman', Times, serif;

    background-image: url(images/seafoam.gif);
    background-repeat: repeat;
    /* background-size: 100%; */

    
}

main {
    display: flex;
    /* flex-direction: column;
    align-items: center; */
    align-items: flex-start;
}

/* BEGIN MAIN CONTENT STYLES */
.content {
    /* background-color: black; */
    width: 450px;
    /* height: 100%; */
    flex: 1 1 auto;
    padding-left: 8px;
    padding-right: 8px;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;

    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}
.content h1 {
  color: gray;
}
.content p {
  color:black;
}

.waterfall {
  border-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACAElEQVR4Aezc0Y3CMAzG8R4DMOHtwQzswYQsAOIFqa5MZPtL2kb/k3gIqR33FyvKy3FZ+JMKACrlXBZAARULiNPRoYCKBcTp6FBAxQLidHQooGIBcTo6FFCxgDhdpkPFJcyVDlDxfgIKqFhAnI4OBVQsIE5HhwIqFhCnG96h19vj1fNjfXqu9clt1xsOaguYbQyoeEcBPRvo55y53h7fc1Nc/ybd3uvRoZstqX0BaM1vEw3ohqT2xXDQ5/3/b6aP5R8OaguYbQyoeEcBPTro6Htg1CNaX/R5OjS6I43nAW0ARacBjYo1npeD2jtmY/1f013movVFn5eDdlE4UVJAxZsF6NFAo/c0cf3ldOr66dDylqwTALr2KI8ALROuE5RBo/e09fL7j1r1R8/YMuj+JMeqAFDxfgB6dNDomSN+n2a6aH2tM9YuSIdakeIY0CKgDQfUihTHZVB7JkXPnGL94fDe9ZVBw280eQCg4g0GVA1qz8Do2NZj41vz9vmzje370aFWpDgGtAhowwG1IsXxpfe9rFjfiHDpGnSolJPfvhNzAtof1J6pjGP/E8AZKu5RQAEVC4jT0aGAigXE6ehQQMUC4nR0aA7UjQLUpclNAJpzc6MAdWlyE4Dm3NwoQF2a3ASgOTc3ClCXJjcBaM7NjQLUpclNAJpzc6MAdWlyE28AAAD//8H9MmUAAAAGSURBVAMA5migx6i1BOgAAAAASUVORK5CYII=') 28 /  28px / 0 round;
  border-width:  28px;
  border-style:  solid; 
}

.left {
  display: flex;
  flex-direction: column;
  gap: 12px;

  width: 150px;
  min-height: 180px;
  margin-right: 150px;
}

.middle {
  height: 750px;
  position: absolute;
  top: 50%;
  left: calc(300px + (100vw - 300px) / 2);
  transform: translate(-50%, -50%);
}



  
/* END MAIN CONTENT STYLES */

/* BEGIN PARTICULAR SHIT */

.mercpic {
  width: 66%;
  border: 3px solid transparent;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-image: url(images/plaid8_8.gif) 2 round;
}

/* END PARTICULAR SHIT */

/* BEGIN WINDOWS-95 THEMED SHIT */

/* WIN95 BOX */
.win {
  width: auto;
  border: 3px solid transparent;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  background-color: #c0c0c0;
  border-image: url(images/border1.png) 3 round;

  display: flex;
  flex-direction: column;
  height: 100%;
}

/* WIN95 WINDOW FRAME TOP */
.win2 {
  width: auto;
  min-height: 16px;
  /* background: linear-gradient(90deg,rgb(0,0,128)0%,rgb(128,0,128)100%); */
  background: rgb(0,0,128);
  /* background: linear-gradient(90deg, rgb(128,0,0)0%,rgb(33,0,0)100%); */
  padding: 3px;
  color: white;
  text-align: left;

  flex: 0 0 auto;
}

/* WIN95 CLOSE/EXPAND/MINIMIZE IMG ICONS */
.winI {
  float: right;
  max-height: 18px;
}

/* WIN95 TWO-BUTTON FLEXBOX */
.winbtns {
    width: auto;
    
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

/* END WINDOWS-95 THEMED SHIT */