@font-face {
    font-family: "Segoe UI";
    src: url("../fonts/segoeui.ttf");
}

.under-construction{
    position: absolute;
    bottom:15px;
    right:15px;
    background: #fff;
    padding: 15px;
    border:#f00 2px solid;
    z-index:10;
    color:#000;
}

body{
    background-color: #bbb;
    color:#000;
    font-family: "Segoe UI";
    display:flex;
    padding:0;
    margin:0;
    flex-direction:column;
    align-items:center;
}

/* .header {z-index: 0; background: #111; color: #fff;} */

.m-area{
    width:70%;  
}

.main{
    background: #ffffffaf;  
    padding:25px;
    border-radius:10px;
}

.nav{
    background: #111;
    color: #fff;
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    align-items: center;
    height:36px;
}

.gloss{
    width:100%;
    height:100%;
    z-index: 1;
    background: linear-gradient(to bottom, #ffffff7d 0%, #ffffff1d 47%, #00000000 47%);
    border-radius: inherit;
}

.gloss.nav{
    padding:8px;  
    padding-top:2px;
    padding-bottom:2px;
    color: #fff;
}

.nav_link{
    color: #fff;
    text-decoration: none;
    margin:0;
    padding:0;
}

.div_nav{
    height:inherit;
    margin:5px;
    margin-top:0;
    margin-bottom:0;
}