html {
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #47b5be;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(135deg, #47b5be 0%, #49b5bf 40%, #49b6bf 40%, #60bcc6 50%, #4ab6bf 50%, #5ebbc5 60%, #47b5be 60%, #47b5be 100%);
    background: -moz-linear-gradient(135deg, #47b5be 0%, #49b5bf 40%, #49b6bf 40%, #60bcc6 50%, #4ab6bf 50%, #5ebbc5 60%, #47b5be 60%, #47b5be 100%);
    background: -ms-linear-gradient(135deg, #47b5be 0%, #49b5bf 40%, #49b6bf 40%, #60bcc6 50%, #4ab6bf 50%, #5ebbc5 60%, #47b5be 60%, #47b5be 100%);
    background: -o-linear-gradient(135deg, #47b5be 0%, #49b5bf 40%, #49b6bf 40%, #60bcc6 50%, #4ab6bf 50%, #5ebbc5 60%, #47b5be 60%, #47b5be 100%);
    background: linear-gradient(135deg, #47b5be 0%, #49b5bf 40%, #49b6bf 40%, #60bcc6 50%, #4ab6bf 50%, #5ebbc5 60%, #47b5be 60%, #47b5be 100%);
}

.key {
    font-family: 'Fira Mono', monospace;
    font-size: 13px;
    text-align: center;
    border: none;
}

.autocomplete-suggestions {
    background: #fff;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399ff;
}

#footer {
    margin-top: 50px;
    padding-bottom: 10px;
}

.footer-text {
    font-size: 12px;
    color: #d8d8d8;
    text-align: center;
}

.footer-text a,
.footer-text a:link,
.footer-text a:visited,
.footer-text a:hover,
.footer-text a:active  {
    color: #d8d8d8;
}