* {
    box-sizing: border-box;
}

@font-face{
    font-family: 'Antares';
    src: url('./_content/ANTARES.ttf') format('truetype');
    font-weight: normal;
    font-style:normal;
    
}

@font-face{
    font-family: 'Steelfish_Regular';
    src: url('./_content/steelfish.regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family: 'Steelfish_Bold';
    src: url('./_content/steelfish.bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family: 'Wingdings2';
    src: url('./_content/Wingdings2.ttf') format('truetype');
    font-weight: normal;
    font-style:normal;
    
}

@font-face {
    font-family: "NodestoCapsCondensedBold";
    font-weight: bold;
    src:url('./_content/Nodesto Caps Condensed Bold.otf') format("opentype");
}

@font-face {
    font-family: "NodestoCapsCondensed";
    font-weight: normal;
    src:url('./_content/Nodesto Caps Condensed.otf') format("opentype");
}


body {
    font-family: Arial;
    background-color:black;
    height:100vh
    
}

.wrapper{
    margin: 0 auto;
    justify-content: center;
}

.descriptor{
    width:800px;
    margin-top:-50px;
    text-align: right;
    font-family: NodestoCapsCondensedBold;
    font-size:60px;
    color:black;
    text-shadow:  1px  1px 5px white,
                  1px -1px 5px white,
                 -1px  1px 5px white,
                 -1px -1px 5px white;
}

.navigation{
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    position: relative;
    background: black;
    overflow: hidden;
    border-bottom:2px solid red;
}

.navigation img{
    position: relative;
    z-index: 2;
    text-align: left;
}

.navigation:before{
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:100px;
    z-index: 1;
    opacity: 0.5;
    background-image: url('./_content/background_rep_2.png');
}

.navigation_add_text{
    font-size: 1.3em;
    position: fixed;
    text-align:center;
    width:100%;
    bottom:40px;
    font-family: Steelfish_Regular;
    color:white;
    z-index: 3;

    
}