header{
    position: fixed;
    top: 0;left: 0;
    height: 100vh;
    width: auto;
    overflow: hidden;
    max-width:initial !important;
}
header .img{
    background-image: url(../res/bitmaps/profilebanner.png);
    background-size: auto 100%;
    height: 100vh;
    float: left;
    aspect-ratio: .49;
}
header .img:nth-of-type(1){
    height: 100vh;
    float: left;
}
header .img:nth-of-type(2){
    height: 100vh;
    aspect-ratio: .2;
    text-align: right;
    background-position-x: -49vh;
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    text-align: left;
    writing-mode: vertical-lr;
    /* mask-image: url(#themask); */
}
header .img:nth-of-type(2) span{
    transform: rotate(45deg);
    font-weight: 700;
    font-size: 10vh;
    line-height: 6vh;
    margin-top: 6vh;
}
section{
    margin-left:58vh; 
    width: calc(100vw - 58vh);
}
nav{
    text-align: right;
    padding-right: 3vh;
}
article p {
    padding: 1vh 6vh;
    font-size: 2.3vh;
}
article p span{
    opacity: .5;
    font-style: italic;
}