@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/exo2.ttf') format('truetype');
}

html {
    margin: 0;
    padding: 0;
    background-color: #000;
}

body {
    padding: 0 25px 0 50px;
    background-color: #000;
    text-decoration: none;
    color: #fff;
    font-family: 'Exo 2';
}

pre {
	background-color: #111;
	display: block;
	font-size: 14px;
	font-style: bold;
	overflow: auto;
	overflow-y: hidden;
	border: 5px dashed orange;
	padding: 5ch;
}

pre>p {
    margin:0;
}

dl>dt {
    float:left;
    min-width:10ch;
    text-align:right;
    padding-right:1ch;
}

a, li>a {
    text-decoration:none;
    color: orange;
}

h1, h2, h3, h4, h5, h6 {
    color: orange;
}
ul li {
    list-style: none;
}
a {
    color: orange;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s;
}

a:hover {
    color: yellow;
    text-decoration: underline;
}

table {
    width: 100%;
    margin: 0 0 20px 0;
}

th {
    text-align: left;
    border-bottom: 5px dashed #fff;
    padding: 5px 10px;
}

td {
    padding: 5px 10px;
}

hr {
    height: 0;
    border: 0;
    border-bottom: 5px dashed #333;
}

pre > p {
    margin:0
}

dl > dt {
    float:left;
    min-width:10ch;
    text-align:right;
    padding-right:1ch;
}

img {
    max-width: 100%;
}

.header-img {
    display: block;
    max-width: 100%;
    margin-bottom: 0.5em;
    border-top: 5px dashed #333;
    border-bottom: 5px dashed #333;
    border-left: 5px dashed #333;
    border-right: 5px dashed #333;
}
.modal-banner {
text-align: left;
padding: 15px;
}
.modal-footer {
    text-align: right;
    border-top: 1px solid #333;
    padding: 15px;
}
.text-center {
    text-align: center;
}
.text-border {
	border: 1px outset #111;
}

li::before {
    content: "~> ";
}
article {
	border: 5px dashed #333;
}