:root {
    --fontFamilyPrimary: 'neue-haas-unica', sans-serif;
    --fontFamilySecondary: 'times', serif;
    --fontSizeTitle: 0.8em;
    --fontSizeBody: 0.7em; 
    --lineHeight: 1.1; 
    --letterSpacing: 0.03rem;
    --fontWeightTitle: 800;
    --fontWeightBody: 400;
    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    --fontSizeBody: 0.8em
    }
}
.selectDisable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.selectEnable { 
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}
body {
    margin: 0;
    padding: 0;
    width:100vw;
    height:100vh;
    text-rendering: optimizeSpeed;
    -ms-overflow-style: none;
    scrollbar-width: none; 
    font-family: var(--fontFamilyPrimary);
    font-size: var(--fontSizeBody);
    line-height: var(--lineHeight);
    letter-spacing: var(--letterSpacing);
    font-weight: var(--fontWeightBody);
    background-color:black;
    color:white;
}
body::-webkit-scrollbar {
    display:none;
}
a {
    text-decoration: none;
    color: inherit;
}
.link-container {
    position:absolute;
    left:0;
    box-sizing:border-box;
    padding:0.5em;
    width:50vw;
    cursor:default;
    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
        position:relative;
        left:0;
        width:100vw;
    }
}
.link-item {
    margin-top:1.6em;
}
.link-item:hover {
    background-color:grey;
    color:black;
    cursor:pointer;
    transition:0.1s ease-in;
}
.non-link-item {
    margin-top:1.6em;
}
.cv-container {
    position:absolute;
    left:50vw;
    box-sizing:border-box;
    padding:0.5em;
    width:50vw;
    cursor:default;
    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
        margin-top:5em;
        position:relative;
        left:0;
        width:100vw;
    }
}
.cv-item {
    margin-top:1.6em;
}
.img-container {
    position:fixed;
    left:0;
    box-sizing: border-box;
    padding:0.5em;
    width:70vw;
    height:100vh;
    overflow:auto;
    -ms-overflow-style: none;
    scrollbar-width: none; 
    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
        position:relative;
        left:0;
        width:100vw;
        height:auto;
    }
}
.img-container img {
    width:100%;
    box-sizing: border-box;
    padding:1em;
}
.caption-container {
    position:absolute;
    left:70vw;
    box-sizing:border-box;
    padding:2em;
    width:auto;
    @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
        position:relative;
        left:0;
        width:100vw;
    }
}
.desktop {
    display: inherit;
}
.mobile {
    display:none;
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    .desktop {
        display: none;
    }
    .mobile {
        display:inherit;
    }   
}