div{
    -moz-transform: translateZ(1);
    -o-transform: translateZ(1);
    -ms-transform: translateZ(1);
    -webkit-transform: translateZ(1);
    transform: translateZ(1);
    
}

a:link {
    color: gold; 
    background-color: transparent; 
    text-decoration: none;
}

a:visited {
    color: goldenrod;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: palegoldenrod;
    background-color: transparent;
    text-decoration: underline;
}

a:active {
    color: white;
    background-color: transparent;
    text-decoration: underline;
}

/* --------------------- PRIMARY BLOCKS ----------------------- */

::selection {
    background: #edf9ff; /* WebKit/Blink Browsers */
    color: #392006;
}
::-moz-selection {
    background: #edf9ff; /* Gecko Browsers */
    color: #392006;
}

body{
    background-color: #030303;
}


.background, .backgroundmoraine, .backgroundvernou{
    position: fixed;
    left: 0vmax;
    top: 1vh;
    width: 100vw;
    height: 98vh;
    background-position: center;
     background-image: url(../img/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: blur(0px);
}

.backgroundmoraine{
    background-image: url(../img/francois/background.jpg);
}
.backgroundvernou{
    background-image: url(../img/nicolas/background.jpg);
}
#interface {
    left: 0vmax;
    top: 0vmax;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(7, 7, 7, 0.05);
    z-index: 1;
    
}

#foreground {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

#memberId {
    
}

#memberIdInfos {
    float: right;
    padding: 2vmin;
    background-color: rgba(7, 7, 7, 0.13);
    margin: 0.5vmin;
}

.inactive {
    visibility: hidden;
    transition-duration: 1s;
}

/* ################################# SCROLL ####################################### */

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 20vh;
}

::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}

::-webkit-scrollbar-thumb:active {
    background: #000000;
}

::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
    background: #666666;
}

::-webkit-scrollbar-track:active {
    background: #333333;
}

::-webkit-scrollbar-corner {
    background: transparent;
}


/* --------------------- COMMON BLOCKS ----------------------- */

.infoContainer {
    /*position: fixed;*/
    top: 5vmin;
    right: 5vmin;
}

.infoBlock {
    margin: 2vmin;
    max-width: 50vmin;
}

.blockTitle {
    padding-left: 2vmin;
    padding-right: 5vmin;
    min-width: 100%;
    text-align: right;
}


/* --------------------- MISCELANEOUS ----------------------- */

button, .portraitPicture {
    border-width: .4vmin;
    border-style: solid;
    border-radius: 1px;
    border-color: #ffffff;
}

button {
    background-color: rgba(23, 23, 23, 0);
    font-size: calc(10px + 1vmin);
    padding: 1vmin;
    color: #ffffff;
    text-shadow: rgba(0, 0, 0, 0) -0.05vmin 0vmin 0.2vmin;
    font-family: 'system-ui', sans-serif;
}

body {
    overflow: hidden;
    color: #ffffff;
    font-family: 'system-ui', sans-serif;
    font-weight: 200;
    font-size: calc(4px + 1.3vmin);
}

div {
}