*, *::after, *::before{
    box-sizing: border-box;
}

body{
    padding: 0px;
    background-color: black;
}

.this-page{
    font-family: 'Cousine', monospace;
    color: #aca793ff;
    word-wrap: break-word;
    max-width: min-content;
    font-size: 1.5rem;
}

.pinstripe{
    position: fixed;
    bottom: 0;
    left: -3em;
    z-index: -1;
}

.pin-img{
    width: 120vw;
}

.name{
    font-size: 4em;
    transform: rotateZ(270deg);
    color: #2affd5ff;
    font-family: 'Noto Sans', sans-serif;
    font-style: italic;
}

.left{
    position: fixed;
    bottom: 3rem;
    left: -6rem;
    margin-top: 0px;
}

.right{
    position: fixed;
    right: -5rem;
    top: 5rem;
}

.link{
    display: block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #ccff00ff;
    font-size: 1.5em;
}

hr{
    width: 80%;
    margin: auto;
}


.hflex{
    display: flex;
    align-items: flex-end;
    margin: 1em;
}

.vflex{
    max-width: fit-content;
    margin: 0px auto;
    padding-top: 2em;
}

.icon{
    height: 1.5rem;
    margin: 6px;
}