body {
    background-color: rgba(0,0,0,1);
}
span .logoname {
    font-family: Gothic;
    font-weight: bold;
    font-variant: small-caps;
    font-width:1.4;
}

header {
        color: rgb(224, 224, 224);

    position: sticky;
    min-width:100vw;
    min-height: 5vh;
    top: 0;
    left: 0;
    margin: 0;
    padding-bottom: .5em;
    /* z-index: 1000; */
    background-color: rgba(128, 48, 244, 0.4);
    backdrop-filter: blur(5px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

nav {
    height: 2%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left:0;
    padding-right:0;
    margin-bottom:5vh;
    margin-top: auto;
}

nav.top {
    align-items: bottom;
}

nav.bottom {
    order: 0;
    align-items: top;
}

nav > ul {
    height: 100%;
    list-style-type: none;
    font-variant:small-caps;
    margin-top: 0;
    margin-bottom: 0;
    text-shadow: 2px rgba(0,0,0,0.3);
}

nav > :first-child {
    margin-right: auto;
    margin-left: 0;
    font-size: 2em;
}

nav > :last-child {
    margin-left: auto;
    margin-right: 0;
    font-size: 1.5em;
}

nav > ul > li {
    padding-left: 3em;
    padding-right: 3em;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    align-self: first baseline;
}

nav > ul > li :hover {
    border-bottom: 2px rgba(192, 128, 256, 0.7) solid;
}

a {
   align-self: none; 
   text-decoration: none;
   color: rgba(128, 96, 255, 1)
}


main {
    color: rgb(224, 224, 224);
    background-color: rgb(64, 48, 96);
    font-size: 1.8em;
    border-radius: 14px;
    max-width: 90vw;
    min-width: 90vw;
    min-height: 80vh;
    font-family: gothic;
    text-indent: .5em;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
div.prelude {
    max-width: 60vwh;
        margin-left: auto;
    margin-right: auto;
    clear: both;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
div.prelude > p {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    text-justify:newspaper;
    text-align: justify;
}
div.whatabout {
    max-width: 60vwh;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
div.whatabout > p {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-justify:newspaper;
    text-align: justify;
}
div > ul > p {
    list-style-type:none;
}
ul.Pretenders {
    font-style:italic;
    list-style: square outside;
}