html, body, h1, h2, h3, h4, h5, h6 {
  font-family: "Segoe UI", Arial, sans-serif;
  color: #b8b4b4;
  line-height: 1.8rem;
}

.sc-mute-blue {
  /*color: #525d6e;*/
  color: #2c5580;
}

.sc-mute-green {
  color: #628977;
}

.sc-mute-grey {
  color: #9b9b9b;
}

.sc-mute-red {
  color: #754b4b;
}

.sc-blue-header {
  color: #364f80;
}


.sc-sand-yellow {
  color: #fff1baf7;
}

.sc-span-red {
  color: #b25d5d;
}



.sc-list-a:link {
  text-decoration: none;
  font-weight: bold;
  color:#c2c573
}


.sc-big-links-yellow {
  color:#e2d88c;
  font-size: 20px;
  text-decoration: none;
}

.sc-big-links-yellow:hover {
  color:#48473e;
  font-size: 21px;
  text-decoration: line-through;
  background-color:#c2c573;
}


.sc-lg-link-blue {
  color:#627592;
  font-size: 18px;
  text-decoration: none;
}

.sc-lg-link-blue:hover {
  color:#eef1f7;
  font-size: 18px;
  text-decoration:none;
  background-color:#393838;
}

.sc-reg-link:hover {
  color:#fefdfb;
  background-color:#3d3d3d;
}

.sc-reg-link {
  color:#364f80;
  font-weight: bold;
  text-decoration:underline;
}

.sc-code{width:auto;background-color:rgb(35, 35, 62); color:rgb(255, 255, 255); padding:8px 12px;border-left:4px solid #2b3680;word-wrap:break-word}


.sc-dark,.w3-hover-black:hover{color:#fff!important;background-color:#111111!important}

.sc-bottom-border-indigo {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #4b4b4e;
}

div.dark-gray {
  background-color: #212121;
}

body {
  background-color: #212121;
}

hr.display {
  height: 2px;
  width: 100%;
  margin:auto;
  border-style: solid;
  border-color: #5e5757;
  border-width: 1px 0px 0px 0px;
}

.sc-nospace {
  margin:0px;
  padding:0px;
}

mark {
  background-color: rgb(125, 212, 90);
  color: rgb(255, 255, 255);
}

.sc-main-gray {
  background-color: #212121;
  color: #b8b4b4;
}


.sc-main-soft-red {
  color: #bb7575;
}

.sc-main-warning {
  color: #fc5858;
}

.sc-nav-link {
  color: #b8b4b4;
  text-decoration: none;
  padding: 4px;
  margin: 2px 10px 0px 10px;
}

.sc-nav-link:hover {
 /* color: #b8b4b4; */
  text-decoration: line-through;
  color:#000!important;
  background-color:#ccc!important;
}

.sc-nav-link-active {
  color: #b8b4b4;
  text-decoration: underline;
}

.sc-badge,.w3-tag{
  background-color:#09ba67;
  color:#fff;
  display:inline-block;
  padding-left:8px;
  padding-right:8px;
  text-align:center;
  margin-left: 2px;
  margin-right: 2px;
}
.sc-badge{
  border-radius:7%;
}

.sc-footer {
  width: 80%;
  margin:auto;
  padding: 10px 0px 5px 0px;
  align-content: center;
  text-align: center;
}

.sc-code-num {
  background-color: #4b4b4e;

}

/* Style for the main elements */

.sc-main-div {
  margin:auto; 
  width: 80%
}

.sc-p-slim {
  padding: 0;
  margin: 0;
}

.sc-h-subhead {
  padding: 1px 0px 1px 0px;
  margin: 2px 0px 0px 0px;
}

.sc-header {
  padding: 0;
  margin: 2.5rem 0px 1.5rem 0px;
}

.sc-p-article {
  padding: 0px;
  margin: 0px 0px 0px 10px;
}

.sc-term-span {
  width: 100%;
  padding: 2px;
}

.sc-term-code {
  background-color: #222834;
  color: #fff;
  padding: 5px;
  margin: 3px 0px 3px 0px;
  border-style: solid;
  border-color: #171c24;
  border-width: 5px 2px 2px 2px;
  border-radius: 5px;
  font-family: 'Courier New', Courier, monospace;
}

.sc-prompt {
  color: #0f3f87;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-weight: bold;
}

.sc-pre-term {
  overflow:auto;
  background-color: #222834;
  color: #fff;
  padding: 5px;
  margin: 4px 0px 4px 0px;
  border-style: solid;
  border-color: #171c24;
  border-width: 5px 2px 2px 2px;
  border-radius: 5px;
  font-family: 'Courier New', Courier, monospace;
  white-space: pre-wrap;
  word-break: break-all;
}

.sc-pre-term-dark {
  overflow:auto;
  background-color: #414141;
  color: #fff;
  padding: 5px;
  margin: 4px 0px 4px 0px;
  border-style: solid;
  border-color: #171c24;
  border-width: 5px 2px 2px 2px;
  border-radius: 5px;
  font-family: 'Courier New', Courier, monospace;
  white-space: pre-wrap;
  word-break: break-all;
}

.sc-pre-term-basic {
  overflow:auto;
  background-color: #ffffff;
  color: #020202;
  padding: 5px;
  margin: 4px 0px 4px 0px;
  border-style: solid;
  border-color: #171c24;
  border-width: 5px 2px 2px 2px;
  border-radius: 5px;
  font-family: 'Courier New', Courier, monospace;
  white-space: pre-wrap;
  word-break: break-all;
}


.sc-pre-term-u {
  overflow:auto;
  background-color: #6b6767;
  color: #fff;
  padding: 5px;
  margin: 4px 0px 4px 0px;
  border-style: none;
  border-radius: 5px;
  font-family: 'Courier New', Courier, monospace;
  white-space: pre-wrap;
  word-break: break-all;
}

.sc-prompt-u {
  color: #202731;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-weight: bold;
}



pre {
  white-space: pre-wrap;
  word-break: break-all;
}

.sc-img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sc-highlight {
  background-color: #243250;
  padding: 0px 2px 0px 2px;
  border: solid 1px;
  border-radius: 5px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}