* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: arial;
	line-height: 1.5;
}

ul {
	padding: 20px;
}

body {
	background-color: #DFEFFF; /*#3991ac*/
	color: #686868;
}
.content > h1:nth-child(1) {
	margin-bottom: 40px;
}

div.header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	background-color: #FFFFFF;
	box-shadow: 4px 4px 10px #0000006b;$
}

img.title {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 50px;
	height: 50px;
}

span.title {
	position: absolute;
	top: 5px;
	left: 60px;
	font-size: 30px;
	height: 50px;
	text-transform: uppercase;
	font-weight: bold;
}

span.pagelinks {
	text-align: center;
	position: absolute;
	top: 15px;
	left: 25%;
	width: 50%;
	text-transform: uppercase;
	font-weight: bold;
}

h1 {
	color: #3991ac;
	text-transform: uppercase;
}

h2 {
	color: black;
	margin-bottom: 10px;
}

h3 {
	color: black;
	margin-bottom: 10px;
}

h4 {
	color: black;
	margin-bottom: 10px;
}

h5 {
	color: black;
	margin-bottom: 10px;
}

h6 {
	color: black;
	margin-bottom: 10px;
}

img.equation {
	max-width: 90%;
}

hr.sectionrule {
  border-top: 1px solid #C0E0FF;
  border-bottom: 0px;
}

a {
	color: #3991ac;
}

a.hidden {
	color: #686868;
	text-decoration: none;
}

b {
	color: #686868;
}

ul {
	padding: 15px 30px;
}

table {
	border-collapse: collapse;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

th {
	background-color: #C0E0FF;
}

table, td, th {
	border: 1px solid #C0E0FF;
	padding: 5px;
}

.content {
	width: 75%;
	margin: 75px auto;
	padding: 50px;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 4px 4px 10px #0000006b;
}

.linkcard {
	margin: 10px;
	padding: 20px;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 4px 4px 10px #0000006b;
	width: 20%;
	text-align: left;
	display: inline-block;
	color: #686868;
	text-decoration: none;
}

img.cardthumb {
	width: 50%;
}

.code {
	width: 100% - 20px;
	font-family: monospace;
	white-space: pre;
	padding: 20px;
	background-color: #fdfdfd;
	margin: 10px 0;
	color: #606060;
	border-radius: 10px;
	-box-shadow: inset 2px 2px 3px #00000012;
	line-height: 1;
	border: 1px dashed #0000005e;
	
	white-space: pre-wrap;       /* Since CSS 2.1 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.inlineCode {
	font-family: monospace;
	font-size: 120%;
	background-color: #F0F0F0;
}

/*
a.external::after {
	content: " \1F855";
}
*/

a.external::after {
	content: url(https://static.ataltitude.me/images/external-link-icon.svg);
	padding-left: 5px;
}