body {
    background-color: #935d8c;
    background: -moz-linear-gradient(45deg, #fcca30 50%, #fcad44 85%);
    background: -webkit-linear-gradient(45deg, #fcca30 50%, #fcad44 85%);
    background: -ms-linear-gradient(45deg, #fcca30 50%, #fcad44 85%);
    background: linear-gradient(45deg, #fcca30 50%, #fcad44 85%);
}

span.app-icon {
    display: block;
    width: 80%;
    margin: auto;
    overflow: hidden;
    border: 1px solid #f3f3f3;
    border-radius: 50%;
    padding: 1em;
    margin-bottom: 1em;

    background-size: cover;
    background-position: center center;
}

span.app-icon img {
    max-width: 100%;
    max-height: 100%;
}

.single-app .app-icon {
    width: 200px;
}

.single-app .input-group {
    margin-bottom: 1em;
}

.single-app #password {
    text-align: center;
}

a:hover {
    text-decoration: none;
}

.single-app {
    transition: all .5s linear;
}

.single-app .links {
    display: none;
}

.store-badges img {
    max-width: 200px;
}

a {
    border-bottom: none;
}

.logo-mumble {
    width: 400px;
}

#main > .main {
    padding: 3em 5em 3em 5em;
}

#main input[type="submit"].special, #main input[type="reset"].special, #main input[type="button"].special, #main button.special, #main .button.special {
    background-color: #fcbb3a;
}

#main input[type="submit"].special:hover, #main input[type="reset"].special:hover, #main input[type="button"].special:hover, #main button.special:hover, #main .button.special:hover {
    background-color: #fcca30;
}

img {
    max-width: 100%;
}