@charset "UTF-8";
/*! 
 * awsm.css v3.0.7 (https://igoradamenko.github.io/awsm.css/) 
 * Copyright 2015 Igor Adamenko <mail@igoradamenko.com> (https://igoradamenko.com) 
 * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) 
 * Modified for black business card theme
 */ 

html {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "PT Sans", "Open Sans", "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 1.4;
    background: #1a1a1a;
    color: #ffffff;
    -webkit-overflow-scrolling: touch;
}

body {
    margin: 1.2em;
    font-size: 1rem;
}

@media (min-width: 20rem) {
    body {
        font-size: calc(1rem + 0.00625 * (100vw - 20rem));
    }
}

@media (min-width: 40rem) {
    body {
        font-size: 1.125rem;
    }
}

body header, body main, body footer, body article {
    position: relative;
    max-width: 40rem;
    margin: 0 auto;
}

body > header {
    margin-bottom: 3.5em;
}

body > header h1 {
    margin: 0;
    font-size: 1.5em;
    color: #00bcd4;
}

body > header p {
    margin: 0;
    font-size: 0.85em;
    color: #b0bec5;
}

body > footer {
    margin-top: 6em;
    padding-bottom: 1.5em;
    text-align: center;
    font-size: 0.8rem;
    color: #757575;
}

nav {
    margin: 1em 0;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav li {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 0.25em;
}

nav li:last-child {
    margin-right: 0;
}

nav a:visited {
    color: #00838f;
}

nav a:hover {
    color: #26c6da;
}

ul, ol {
    margin-top: 0;
    padding-top: 0;
    padding-left: 2.5em;
}

ul li + li, ol li + li {
    margin-top: 0.25em;
}

ul li > details, ol li > details {
    margin: 0;
}

p {
    margin: 1em 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #e0e0e0;
}

p:first-child {
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

p + ul, p + ol {
    margin-top: -0.75em;
}

p img, p picture {
    float: right;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
}

p picture img {
    float: none;
    margin: 0;
}

dd {
    margin-bottom: 1em;
    margin-left: 0;
    padding-left: 2.5em;
    color: #e0e0e0;
}

dt {
    font-weight: 700;
    color: #ffffff;
}

blockquote {
    margin: 0;
    padding-left: 2.5em;
    color: #b0bec5;
    border-left: 4px solid #00bcd4;
}

aside {
    margin: 0.5em 0;
    font-style: italic;
    color: #757575;
}

@media (min-width: 65rem) {
    aside {
        position: absolute;
        right: -12.5rem;
        width: 9.375rem;
        max-width: 9.375rem;
        margin: 0;
        padding-left: 0.5em;
        font-size: 0.8em;
        border-left: 1px solid #424242;
    }
}

aside:first-child {
    margin-top: 0;
}

aside:last-child {
    margin-bottom: 0;
}

section + section {
    margin-top: 2em;
}

h1, h2, h3, h4, h5, h6 {
    margin: 1.25em 0 0;
    line-height: 1.2;
    color: #00bcd4;
}

h1:hover > a[href^="#"][id]:empty, h1:focus > a[href^="#"][id]:empty, h2:hover > a[href^="#"][id]:empty, h2:focus > a[href^="#"][id]:empty, h3:hover > a[href^="#"][id]:empty, h3:focus > a[href^="#"][id]:empty, h4:hover > a[href^="#"][id]:empty, h4:focus > a[href^="#"][id]:empty, h5:hover > a[href^="#"][id]:empty, h5:focus > a[href^="#"][id]:empty, h6:hover > a[href^="#"][id]:empty, h6:focus > a[href^="#"][id]:empty {
    opacity: 1;
}

h1 + p, h1 + details, h2 + p, h2 + details, h3 + p, h3 + details, h4 + p, h4 + details, h5 + p, h5 + details, h6 + p, h6 + details {
    margin-top: 0.5em;
}

h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty {
    position: absolute;
    left: -0.65em;
    opacity: 0;
    text-decoration: none;
    font-weight: 400;
    line-height: 1;
    color: #757575;
}

@media (min-width: 40rem) {
    h1 > a[href^="#"][id]:empty, h2 > a[href^="#"][id]:empty, h3 > a[href^="#"][id]:empty, h4 > a[href^="#"][id]:empty, h5 > a[href^="#"][id]:empty, h6 > a[href^="#"][id]:empty {
        left: -0.8em;
    }
}

h1 > a[href^="#"][id]:empty:target, h1 > a[href^="#"][id]:empty:hover, h1 > a[href^="#"][id]:empty:focus, h2 > a[href^="#"][id]:empty:target, h2 > a[href^="#"][id]:empty:hover, h2 > a[href^="#"][id]:empty:focus, h3 > a[href^="#"][id]:empty:target, h3 > a[href^="#"][id]:empty:hover, h3 > a[href^="#"][id]:empty:focus, h4 > a[href^="#"][id]:empty:target, h4 > a[href^="#"][id]:empty:hover, h4 > a[href^="#"][id]:empty:focus, h5 > a[href^="#"][id]:empty:target, h5 > a[href^="#"][id]:empty:hover, h5 > a[href^="#"][id]:empty:focus, h6 > a[href^="#"][id]:empty:target, h6 > a[href^="#"][id]:empty:hover, h6 > a[href^="#"][id]:empty:focus {
    opacity: 1;
    box-shadow: none;
    color: #ffffff;
}

h1 > a[href^="#"][id]:empty:target:focus, h2 > a[href^="#"][id]:empty:target:focus, h3 > a[href^="#"][id]:empty:target:focus, h4 > a[href^="#"][id]:empty:target:focus, h5 > a[href^="#"][id]:empty:target:focus, h6 > a[href^="#"][id]:empty:target:focus {
    outline: none;
}

h1 > a[href^="#"][id]:empty::before, h2 > a[href^="#"][id]:empty::before, h3 > a[href^="#"][id]:empty::before, h4 > a[href^="#"][id]:empty::before, h5 > a[href^="#"][id]:empty::before, h6 > a[href^="#"][id]:empty::before {
    content: "§ ";
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.25em;
    color: #26c6da;
}

h4 {
    font-size: 1.15em;
}

h5 {
    font-size: 1em;
}

h6 {
    margin-top: 1em;
    font-size: 1em;
    color: #757575;
}

article + article {
    margin-top: 4em;
}

article header p {
    font-size: 0.6em;
    color: #757575;
}

article header p + h1, article header p + h2 {
    margin-top: -0.25em;
}

article header h1 + p, article header h2 + p {
    margin-top: 0.25em;
}

article header h1 a, article header h2 a {
    color: #00bcd4;
}

article header h1 a:visited, article header h2 a:visited {
    color: #00838f;
}

article header h1 a:visited:hover, article header h2 a:visited:hover {
    color: #26c6da;
}

article > footer {
    margin-top: 1.5em;
    font-size: 0.85em;
    color: #b0bec5;
}

a {
    color: #00bcd4;
}

a:visited {
    color: #00838f;
}

a:hover, a:active {
    outline-width: 0;
}

a:hover {
    color: #26c6da;
}

a abbr {
    font-size: 1em;
}

abbr {
    margin-right: -0.075em;
    text-decoration: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    letter-spacing: 0.075em;
    font-size: 0.9em;
}

img, picture {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

audio, video {
    width: 100%;
    max-width: 100%;
}

figure {
    margin: 1em 0 0.5em;
    padding: 0;
}

figure + p {
    margin-top: 0.5em;
}

figure figcaption {
    opacity: 0.65;
    font-size: 0.85em;
    color: #b0bec5;
}

table {
    display: inline-block;
    border-spacing: 0;
    border-collapse: collapse;
    overflow-x: auto;
    max-width: 100%;
    text-align: left;
    vertical-align: top;
    background: linear-gradient(rgba(0, 188, 212, 0.15) 0%, rgba(0, 188, 212, 0.15) 100%) 0 0, linear-gradient(rgba(0, 188, 212, 0.15) 0%, rgba(0, 188, 212, 0.15) 100%) 100% 0;
    background-attachment: scroll, scroll;
    background-size: 1px 100%, 1px 100%;
    background-repeat: no-repeat, no-repeat;
}

table caption {
    font-size: 0.9em;
    background: #2d2d2d;
    color: #00bcd4;
}

table td, table th {
    padding: 0.35em 0.75em;
    vertical-align: top;
    font-size: 0.9em;
    border: 1px solid #424242;
    border-top: 0;
    border-left: 0;
    color: #e0e0e0;
}

table td:first-child, table th:first-child {
    padding-left: 0;
    background-image: linear-gradient(to right, #2d2d2d 50%, rgba(45, 45, 45, 0) 100%);
    background-size: 2px 100%;
    background-repeat: no-repeat;
}

table td:last-child, table th:last-child {
    padding-right: 0;
    border-right: 0;
    background-image: linear-gradient(to left, #2d2d2d 50%, rgba(45, 45, 45, 0) 100%);
    background-position: 100% 0;
    background-size: 2px 100%;
    background-repeat: no-repeat;
}

table td:only-child, table th:only-child {
    background-image: linear-gradient(to right, #2d2d2d 50%, rgba(45, 45, 45, 0) 100%), linear-gradient(to left, #2d2d2d 50%, rgba(45, 45, 45, 0) 100%);
    background-position: 0 0, 100% 0;
    background-size: 2px 100%, 2px 100%;
    background-repeat: no-repeat, no-repeat;
}

table th {
    line-height: 1.2;
    background-color: #2d2d2d;
    color: #00bcd4;
    font-weight: 600;
}

form {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 40rem) {
    form {
        max-width: 80%;
    }
}

form select, form label {
    display: block;
    color: #ffffff;
}

form label:not(:first-child) {
    margin-top: 1em;
}

form p label {
    display: inline;
}

form p label + label {
    margin-left: 1em;
}

form legend:first-child + label {
    margin-top: 0;
}

form select, form input[type], form textarea {
    margin-bottom: 1em;
}

form input[type=checkbox], form input[type=radio] {
    margin-bottom: 0;
}

fieldset {
    margin: 0;
    padding: 0.5em 1em;
    border: 1px solid #757575;
}

legend {
    color: #757575;
}

button {
    outline: none;
    box-sizing: border-box;
    height: 2em;
    margin: 0;
    padding: calc(.25em - 1px) 0.5em;
    font-family: inherit;
    font-size: 1em;
    border: 1px solid #757575;
    border-radius: 2px;
    background: #424242;
    color: #ffffff;
    display: inline-block;
    width: auto;
    cursor: pointer;
}

button:focus {
    border: 1px solid #00bcd4;
}

button:not([disabled]):hover {
    border: 1px solid #00bcd4;
    background: #616161;
}

button:active {
    background-color: #757575;
}

button[disabled] {
    color: #757575;
    cursor: not-allowed;
}

select {
    outline: none;
    box-sizing: border-box;
    height: 2em;
    margin: 0;
    padding: calc(.25em - 1px) 0.5em;
    font-family: inherit;
    font-size: 1em;
    border: 1px solid #757575;
    border-radius: 2px;
    background: #424242;
    color: #ffffff;
    display: inline-block;
    width: auto;
    cursor: pointer;
    padding-right: 1.2em;
    background-position: top 55% right 0.35em;
    background-size: 0.5em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(117, 117, 117)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
}

select:focus {
    border: 1px solid #00bcd4;
}

select:not([disabled]):hover {
    border: 1px solid #00bcd4;
}

select:active {
    background-color: #757575;
}

select[disabled] {
    color: #757575;
    cursor: not-allowed;
}

select:not([disabled]):focus, select:not([disabled]):hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(0, 188, 212)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E");
}

input[type=text], input[type=password], input[type^=date], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=month], input[type=week], input[type=url] {
    outline: none;
    box-sizing: border-box;
    height: 2em;
    margin: 0;
    padding: calc(.25em - 1px) 0.5em;
    font-family: inherit;
    font-size: 1em;
    border: 1px solid #757575;
    border-radius: 2px;
    background: #2d2d2d;
    color: #ffffff;
    display: block;
    width: 100%;
    line-height: calc(2em - 1px * 2 - (.25em - 1px) * 2);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=text]:focus, input[type=password]:focus, input[type^=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=month]:focus, input[type=week]:focus, input[type=url]:focus {
    border: 1px solid #00bcd4;
}

input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type^=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=url]::-moz-placeholder {
    color: #757575;
}

input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type^=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder {
    color: #757575;
}

input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type^=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder {
    color: #757575;
}

input[type=submit], input[type=button], input[type=reset] {
    outline: none;
    box-sizing: border-box;
    height: 2em;
    margin: 0;
    padding: calc(.25em - 1px) 0.5em;
    font-family: inherit;
    font-size: 1em;
    border: 1px solid #757575;
    border-radius: 2px;
    background: #424242;
    color: #ffffff;
    display: inline-block;
    width: auto;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus {
    border: 1px solid #00bcd4;
}

input[type=submit]:not([disabled]):hover, input[type=button]:not([disabled]):hover, input[type=reset]:not([disabled]):hover {
    border: 1px solid #00bcd4;
}

input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
    background-color: #757575;
}

input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled] {
    color: #757575;
    cursor: not-allowed;
}

input[type=color] {
    outline: none;
    box-sizing: border-box;
    height: 2em;
    margin: 0;
    padding: calc(.25em - 1px) 0.5em;
    font-family: inherit;
    font-size: 1em;
    border: 1px solid #757575;
    border-radius: 2px;
    background: #2d2d2d;
    color: #ffffff;
    display: block;
    width: 6em;
    line-height: calc(2em - 1px * 2 - (.25em - 1px) * 2);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=color]:focus {
    border: 1px solid #00bcd4;
}

input[type=color]:hover {
    border: 1px solid #00bcd4;
}

input[type=file] {
    outline: none;
    box-sizing: border-box;
    margin: 0;
    font-family: inherit;
    font-size: 1em;
    border: 1px solid #757575;
    border-radius: 2px;
    background: #424242;
    color: #ffffff;
    cursor: pointer;
    display: block;
    width: 100%;
    height: auto;
    padding: 0.75em 0.5em;
    font-size: 12px;
    line-height: 1;
}

input[type=file]:focus {
    border: 1px solid #00bcd4;
}

input[type=file]:not([disabled]):hover {
    border: 1px solid #00bcd4;
}

input[type=file]:active {
    background-color: #757575;
}

input[type=file][disabled] {
    color: #757575;
    cursor: not-allowed;
}

input[type=checkbox], input[type=radio] {
    margin: -0.2em 0.75em 0 0;
    vertical-align: middle;
}

textarea {
    outline: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0.5em;
    font-family: inherit;
    font-size: 1em;
    border: 1px solid #757575;
    border-radius: 2px;
    background: #2d2d2d;
    color: #ffffff;
    display: block;
    width: 100%;
    height: 4.5em;
    resize: vertical;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea:focus {
    border: 1px solid #00bcd4;
}

textarea::-moz-placeholder {
    color: #757575;
}

textarea::-webkit-input-placeholder {
    color: #757575;
}

textarea:-ms-input-placeholder {
    color: #757575;
}

output {
    display: block;
    color: #ffffff;
}

code, kbd, var, samp {
    font-family: Consolas, "Lucida Console", Monaco, monospace;
    font-style: normal;
    background-color: #2d2d2d;
    color: #26c6da;
    padding: 0.2em 0.4em;
    border-radius: 3px;
}

pre {
    overflow-x: auto;
    font-size: 0.8em;
    background: #2d2d2d;
    border: 1px solid #424242;
    border-radius: 4px;
    padding: 1rem;
    margin: 1rem 0;
}

pre > code {
    display: inline-block;
    overflow-x: visible;
    box-sizing: border-box;
    min-width: 100%;
    background: transparent;
    padding: 0;
    border: none;
}

hr {
    height: 1px;
    margin: 2em 0;
    border: 0;
    background: #424242;
}

details {
    margin: 1em 0;
}

details[open] {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #424242;
}

summary {
    display: inline-block;
    font-weight: 700;
    border-bottom: 1px dashed #00bcd4;
    cursor: pointer;
    color: #00bcd4;
}

summary::-webkit-details-marker {
    display: none;
}

noscript {
    color: #ff5722;
}

::selection {
    background: rgba(0, 188, 212, 0.25);
    color: #ffffff;
}