html, body
{
    height: 100vh;
    width: 100vw;
    background: #000;
    color: #aaa;
    margin: 0;
    font-family: "Arial";
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

a, a:link, a:visited, a:hover, a:active {text-decoration: none;}
a, img {border: none; outline: none;}

#list_software
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.appdesc
{
    border: 2px solid #444;
    border-radius: 20px;
    box-shadow: 2px 2px 1px #333;
    margin: 1em;
    padding: 1em;
}
.appdesc { margin-bottom: .5em; padding-bottom: 1em; max-width: 800px;}
.appdesc .preview img { margin: .5em 1em; border: 2px solid #888; border-radius: 10px; box-shadow: 1px 1px 1px #fff; }
.appdesc .download img { margin: .5em 1em; }
.appdesc h4 { font-family: Arial; }
.appdesc p { padding: 1em; }
.appdesc hr { padding: 0; margin: 0; }

.title { margin: 1em 2em; }

.infobox { color: #ff0; background: #234; max-width: 800px; }

.logo {position: fixed; top: 10px; left: 10px; }
.logo img {width: 64px;}

.navbar { background: #000; color: #08a; opacity: .9; }
.navbar-default
{
    background: #4d5156;
    background: -moz-linear-gradient(top, #4d5156 0%, #1f2223 37%, #000000 100%);
    background: -webkit-linear-gradient(top, #4d5156 0%,#1f2223 37%,#000000 100%);
    background: linear-gradient(to bottom, #4d5156 0%,#1f2223 37%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d5156', endColorstr='#000000',GradientType=0 );
}