em {
    color: white;
    font-style: normal;
}

@media all and (min-width:200px) and (max-width: 1000px) {
pre, p { max-width:70vw;
      overflow-y: hidden;
      word-break: break-all;
}}
table {
  margin-left: auto;
  margin-right: auto;
  border: 10px;
}
pre { background-color: #fce8e8;
	color: #845858;
border: solid 10px #f0a8b7;
display:inline-block;
padding: 5px;
}
p {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 75vw;
background-color: #845858;
border: solid 20px #f0a8b7;
padding: 10px;
}

body{ background-color: #fce8e8;
background-size: 400% 400%;
background-repeat: no-repeat;
color: #fce8e8;
    animation: gradient 5s ease infinite;
font-size: 18px;
text-align: center;
font-family: monospace;
image-rendering: pixelated;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

img { width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

    a:link{text-decoration: none;}
    a:visited{text-decoration: none;}
    a:hover{text-decoration: none;}
    a:active{text-decoration: none;}

   a { color: #a52a2a;
    }
li {
    list-style-type: none;
    text-align: left;
    margin-left: 1vw;
}
b { color: #d8bfd8;
	font-weight: normal;
	background-color: #412e2e;
	padding-left: 2px;
	padding-right: 2px;
}

i { color: #ffffff;
background-color: #6d4c4c;}

h4 { color: #ee82ee;
}
h3 { color: #d8af5f;
}
h2 { color: #db7093;
text-decoration: underline;
}
h1 { color: #ff4500;
text-decoration: underline;
}
.toc {
  width: 20vw;
  display: block;
  margin-left: 20vw;
  margin-right: auto;

}

hr.sep {
  border-top: 3px solid #bbb;
}