* {
        font-family: Barlow, sans-serif;
        font-size: 12pt;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
}

body {
        background: #000000;
        color: #ffffff;
}

a:active,
a:hover,
a:visited {
        outline: none;
}

#head {
        display: flex;
        /* justify-content: space-between; */
        justify-content: center;
        min-height: 140px;
        margin-bottom: 10px;
        background: rgba(255, 255, 255, .2);
}

#logo {
        width: 294px;
        height: 100px;
        background: transparent url('images/logo.png') center center no-repeat;
        margin: 20px;
}

#apps {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 600px;
        margin: auto;
}

#apps a {
        text-decoration: none;
        color: #ffffff;
        display: block;
        width: 150px;
        min-height: 150px;
        margin: 15px;
        text-align: center;
        background: rgba(255, 255, 255, 0.6) center 10px no-repeat;
        border-radius: 15px;
        font-weight: bold;
        position: relative;
        overflow: hidden;
}

#apps a:hover {
        background-color: rgba(255, 255, 255, 0.9);
}

#apps a:hover b {
        background: rgba(255, 255, 255, 0.9);
}

#apps a b {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        background: rgba(255, 255, 255, 0.8);
        padding: 10px 0;
        color: #222222;
}

#apps a.app_redmine {
        background-image: url('images/redmine.png');
}

#apps a.app_wiki {
        background-image: url('images/wiki.png');
}

#apps a.app_git {
        background-image: url('images/git.png');
}

#apps a.app_crm {
        background-image: url('images/crm.png');
}

#apps a.app_kb {
        background-image: url('images/kb.png');
}

#apps a.app_tr {
        background-image: url('images/tr.png');
}

#apps a.app_ldap {
        background-image: url('images/ldap.png');
}

#apps a.app_nc {
        background-image: url('images/nc.png');
}

#apps a.app_eval {
        background-image: url('images/eval.png');
}

#apps a.app_pweval {
        background-image: url('images/db.png');
}

#apps a.app_pwrepos {
        background-image: url('images/list.png');
}

#apps a.app_flow {
        background-image: url('images/newspaper.png');
}

#apps a.app_account {
        background-image: url('images/account.png');
}

#apps a.app_details {
        background-image: url('images/details.png');
}

#apps a.app_results {
        background-image: url('images/results.png');
}

#apps a.app_manual {
        background-image: url('images/manual.png');
}