body {
    color: white;
    background-image: url('Just-A-Woman-2.JPG');

    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.showGalleryFromArray {
   cursor: pointer;
}

div {
    color: white;
    background-color: black;
    font-family: monospace, monopace;
}

@media (orientation: portrait) {
    h1 {
        padding-top: 20px;
        color: white;
        font-size: 23px;
        font-style: italic;
        font-weight: 400;
        text-align: center;
    }
}


@media (orientation: landscape) {
    h1 {
        padding-top: 20px;
        color: white;
        font-size: 120%;
        font-style: italic;
        font-weight: 400;
        text-align: center;
    }
}

h2 {
    color: white;
    font-size: 120%;
    font-style: italic;
}

@media (orientation: landscape) {
    p {
        color: white;
    }
}

@media (orientation: portrait) {
    p {
        color: pink;
        text-decoration: none;
    }
}

h3 {
    color: white;
    font-size: 80%;
    font-weight: 300;
    font-style: underline;
}

li {
    color: white;
    font-size: 80%;
}

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

a:visited {
  color: white;
  text-decoration: none;
}

a:hover {
  color: grey;
  text-decoration: none;
}

a:active {
  color: white;
  text-decoration: none;
}

@media (orientation: landscape) {
    ul {
        list-style-image: url('RD_GRADE.GIF');
        }
}

media (orientation: portrait) {
    ul {
        list-style-type: none;
        }
}

.slbCloseBtn {
   position: fixed !important;
   margin-top: -0.8rem;
}

@media (max-width:801px) {
   .slbCloseBtn {
      font-size: 7em !important;
      margin-top: -2rem !important;
   }
}