/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto-Regular'),
    url('../../../../static/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

/* roboto-bold - latin */
@font-face {
    font-family: 'Roboto-Bold';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto-Bold'),
    url('../../../../static/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}

/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto-Italic';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto-Italic'),
    url('../../../../static/fonts/Roboto/Roboto-Italic.ttf') format('truetype');
}

/* roboto-light - latin */
@font-face {
    font-family: 'Roboto-Light';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto-Light'),
    url('../../../../static/fonts/Roboto/Roboto-Light.ttf') format('truetype');
}

/* roboto-black - latin */
@font-face {
    font-family: 'Roboto-Black';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto-Black'),
    url('../../../../static/fonts/Roboto/Roboto-Black.ttf') format('truetype'); /* Super Modern Browsers */
}

body {
    background-color: #111;
    color: #fff;
    margin: 0;
    font-family: 'Roboto',sans-serif;
    box-sizing: border-box;
    font-size: 105%; /* use this to scale all fonts on webpage*/
}

a{
    text-decoration: none;
    color: #fff;
}

.site-clamp{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    background-color: #111;
}

.site-wrapper{
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    /*border: orange 5px solid;*/
    background-color: #111;
    position: absolute;
}

/** Setting for general header format.
*   All other header-styles are
*   located in: header.css
*/
.nav-bar-wrapper{
    /*height: 100px;*/
    width: 100%;
}
/**/

main{
    flex-grow: 100;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: hidden;
    /*border: greenyellow 5px solid;*/
    position: relative;

}