body 
{
    background-color: #22223b;
    padding: 0px;
    margin: 0px;
}

div.header {
    display: flex;
    background-color: #9a8c98;
    color: #f2e9e4;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-bottom: 1px solid #f2e9e4;
}

div.header-menu-block {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    margin-left: auto;
}

div.header-name-block {
    padding: 5px;
}

div.header-menu-item {
    display: flex;
    padding: 5px;
    border-left: 1px solid #f2e9e4;
    align-items: center;
    justify-content: center;
    min-width: 100px;
}

div.header-menu-block a {
    display: flex;
    color: #ffffff;
    text-decoration: none;
}

div.header-menu-block a:hover {
    background-color: #c0b5be;
}

div.content {
    padding: 5px;
    color: #f2e9e4;
}

div.content a {
    color: #c9ada7;
}