darkmode.css

body {
	/* font-family:"Petrona"; */
	background-color:black;
	line-height:1.6;
	color:white;
    /* font-size:14pt; */
    font-family: "Azo Sans", sans-serif;
    font-style: normal;
    font-weight: 200;
	}

.nav-link {
    color: white;
}

.mainHeader {
    width:100%;
    text-align:center;
    background-color: white;
    color: black;
    padding:20px;
}

.content {
    margin-top:50px;
}

.definition {
    /* background-color: rgb(247, 202, 144); */
    /* color:black; */
	/* border-radius:2px; */
	/* border: 2px solid white; */
	padding-left:15px;
	padding-top:4px;
	padding-right:15px;
	padding-bottom:4px;
    /* float:left; */
    width:60%;
	/* box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 12px 0 rgba(0, 0, 0, 0.19); */
    margin-top:0px;
    margin-bottom:40px;
    /* font-family:"Petrona"; */
    font-size:14pt;
    text-align:center;
    background:
    linear-gradient(to right, white 1px, transparent 1px) 0 0,
    linear-gradient(to right, white 1px, transparent 1px) 0 100%,
    linear-gradient(to left, white 1px, transparent 1px) 100% 0,
    linear-gradient(to left, white 1px, transparent 1px) 100% 100%,
    linear-gradient(to bottom, white 1px, transparent 1px) 0 0,
    linear-gradient(to bottom, white 1px, transparent 1px) 100% 0,
    linear-gradient(to top, white 1px, transparent 1px) 0 100%,
    linear-gradient(to top, white 1px, transparent 1px) 100% 100%;

  background-repeat: no-repeat;
  background-size: 30px 10px;
}

.definition p {
    margin:0;
    padding: 10px 5px 10px 5px;
}

h3 {
    font-family:"Tangerine";
    font-size:40pt;
}

h5 {
    font-size:24pt;
}

.thumbnail {
    background-color: white;
}

.thumbnail .caption {
    color:black;
}