@font-face {
    font-family: 'CreatoDisplay';
    src: url('CreatoDisplay_Bold.otf');
}

html {
    font-family: 'CreatoDisplay';
    background-image: url('bg.jpg');
    color: black;
    overflow: auto;
}

/* CONTAINERS */

div#masterContainer {
    position: relative; 
    display: flex; 
    justify-content: center;
}

div#main {
    border: 10px double rgb(207, 195, 28);
    background-image: url('pattern.png');
    background-color: white;

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

div#linkContainer {
    border: 10px double rgb(207, 195, 28);
    background-image: url('pattern.png');
    background-color: white;
    
    position: absolute;
    right: calc(50% + 31.5vw);
    justify-content: flex-end;
    top: 0;
    padding: 10px;
}

.innerContainer {
    padding-left: 10px;
    padding-right: 10px;
}

div.imgContainer {
    display: flex; 
    justify-content: center;
    width: auto;
    height: 200px;
    padding: 10px;
}

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