body {
    background: #0c1010;
    color: #ccc;
    margin: 0em;
    font-family: 'BQN386';
    padding-top: 5em;
}

code {
    font-family: 'BQN386';
}

a:link {
  color: #BD93F9;
}

a:visited {
  color: #BD93F9;
}

a:hover {
  color: #CAA9FA;
  background-color: #2C2E3A;
}

a:active {
  color: #50FA7B;
}

@font-face {
    font-family: 'BQN386';
    src: url(/BQN386/BQN386.woff2) format('woff2'),
         url(/BQN386/BQN386.woff) format('woff'),
         url(/BQN386/BQN386.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.main {
    background-color: #282A36;
    line-height: 1.5em;
    max-width: 63em;
    margin: 0em;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    padding: 2em;
}

.img-icon-aligned {
    vertical-align: middle;
}

header h1 {
    text-align: center ;
}

footer {
    text-align: center ;
    clear: both ;
}

/* For TAGLIST.HTML */
.taglist {
    text-align: center ;
    clear: both ;
}

/* For NEXTPREV.HTML */
#nextprev {
    /* The container for both the previous and next articles. */
}

#prevart {
    float: left ;
    text-align: left ;
}

#nextart {
    float: right ;
    text-align: right ;
}

#nextart,#prevart {
    max-width: 33% ;
}

.img-row-container {
    display: flex;
    flex: 1;
    justify-content: center;
}

.img-link-href {
    text-decoration: none;
}

.nav-container {
    display: flex;
    background-color: #282A36;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgb(0 0 0 / 26%);
}

.nav-element {
    display: flex;
    flex: 1;
}

.nav-element ul {
    justify-content: center;
    display: flex;
    flex: 1;
    margin: 0em;
}

.nav-element ul li {
    height: 100%;
    display: flex;
    align-items: center;
    float: left;
}

.nav-element ul li a {
    padding: 1em;
    text-decoration: none;
}

.contact-element {
    display: vertical;
    flex: 1;
    justify-content: left;
    text-align: center;
}

.profile-container {
    margin: 0em;
    display: flex;
    flex: 0;
}

.profile-element {
    display: vertical;
    flex: 1;
    justify-content: left;
    text-align: left;
}

.gpg {
    display: flex;
    justify-content: center;
}