body {
    display: grid;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

main {
    overflow: hidden;
}

.container {
    overflow-y: hidden;
}

article {
    display: grid;
    position: relative;
    background-color: rgb(206, 225, 230);
    width: 100%;
    height: 100%;
    font-size: 100%;
    font-weight: bolder;
    text-indent: 1em;
    margin: 0em auto;
    word-wrap: normal;
    word-break: break-all;
    word-break: break-word;
    white-space: normal;
    overflow: hidden;
}
      
p, h3, div {
    word-wrap: normal;
    word-break: break-all;
    word-break: break-word;
    white-space: normal;
    overflow-x: none;
}

#pmargin {
    padding: 0.3em 2.5em;
    word-wrap: break-word;
    word-break: keep-all;
    text-indent: -1.5em;
}
      
#qmargin {
    padding: 0.3em 2.5em;
    word-wrap: break-word;
    word-break: keep-all;
}

mark {
    background-color: rgba(140, 255, 170, 0.6);
}

.markw {
  background: transparent;
  color: #006400;
}

.markr {
    background: transparent;
    color: #B22222;
}

ul, li {
  list-style-type: none;
}
      
#menu {
  font-size: 0.8em;
}

a {
  font-weight: bolder;
  color: #00008B;
}

p {
    margin-bottom: 1.0em;
}

details {
    word-wrap: normal;
    word-break: break-all;
    word-break: break-word;
    white-space: normal;
    overflow: hidden;
}
     
details > summary {
    text-indent: -1.5em;
    color: blue;
    margin-left: 2.0em;
}

details > article > ul > li {
    list-style: unset; 
    list-style: disc; 
}

details > article > ul > li > ul > li {
    list-style: unset; 
    list-style: disc;
    list-style-type: circle;
}
     
 li {
     color: black;
 }
  
@media (orientation: landscape) {

  main {
    width: unset;
    height: auto;
    max-width: 800px;
    overflow-y: auto;
    overflow-x: hidden;
  }
      
    article {
        display: grid;
        justify-content: center;
        max-width: 800px;
        height: auto;
        overflow: auto;
        overflow-x: hidden;
        margin: 0em auto;
        word-wrap: normal;
        word-break: break-all;
        word-break: break-word;
        white-space: normal;
    }
      
    p {
        margin: 0em auto;
        word-wrap: normal;
        word-break: break-all;
        word-break: break-word;
        white-space: normal;
    }
      
    p {
        margin-bottom: 1.0em;
    }
}
      
@media (orientation: portrait) {
  
      main {
          width: unset;
          height: auto;
          max-width: 800px;
        overflow: auto;
        overflow-x: none;
      }
      
      article {
          display: grid;
          justify-content: center;
          max-width: 800px;
          height: auto;
        overflow: auto;
        overflow-x: none;
         margin: 0em auto;
        word-wrap: normal;
        word-break: break-all;
        word-break: break-word;
        white-space: normal;
      }
      
      p {
        margin: 0em auto;
        word-wrap: normal;
        word-break: break-all;
        word-break: break-word;
        white-space: normal;
      }
      
    p {
        margin-bottom: 1.0em;
    }
}