@font-face {
    font-family: 'CaviarDreams';
    src: url('CaviarDreams_Bold.ttf');
}

html {
    font-family: 'CaviarDreams';
    background-image: url('bg.gif');
    color: white;
    text-shadow: black 3px 3px;
    overflow: auto;
}

/* CONTAINERS */

div#main {
    border: 10px double black;
    border-radius: 25px;

    background-color: rgb(30, 30, 30);
    background-image: url('pattern.png');

    margin: 0 auto;
    width: 60vw;
    padding: 10px;
}

div#linkContainer {
    border: 10px double black;
    border-radius: 25px;

    background-color: rgb(30, 30, 30);
    background-image: url('pattern.png');
    
    position: absolute;
    right: calc(50% + 31.5vw);
    justify-content: flex-end;
    top: 0;
    padding: 10px;
}

div.innerContainer {
    border: 10px double black;
    border-radius: 25px;

    background-color: rgb(30, 30, 30);
    background-image: unset;

    padding-left: 10px;
    padding-right: 10px;
}

div.imgContainer {
    border: 10px double black;
    border-radius: 25px;

    background-color: rgb(30, 30, 30);
    background-image: unset;

    display: flex; 
    justify-content: center;
    width: auto;
    padding: 10px;
}

/* OTHER ELEMENTS */
a { color: white; }
a:hover { 
    color: blue;
    font-style: italic;
}

img.face {
    border: 10px double white;
    border-radius: 25px;
    margin-right: 25px; 
    height: 250px;
}

span.hidden {
    text-shadow: 2px 2px #000000; 
    color:black; 
    background-color:black;
}