main.css

:root{
    --color-0: #345;
    --color-h1: #c54;
    --color-h2: #569;
    --color-links: #349;

    --bg-0: #ddd;
    --bg-main: #fff;
    --bg-footer: #ccd;
}


a{color: var(--color-links);}
body{
    font-size: 1em;
    margin: 1em;
    color: var(--color-0);
    background: var(--bg-0);
    font-family: verdana,arial;
}

button{ border: 1px solid  rgba(0,0,0,0.05); background: linear-gradient(#f8f8f8, #eee); border-radius: 0.3em; margin: 0 0.5em 0.5em 0; padding: 0.5em;}
button:hover{ background: linear-gradient(#eee, #ddd); border-radius: 0.3em; margin: 0 0.5em 0.5em 0; padding: 0.5em;}
button:active{ border:1px solid #fc2;}
input{ border:1px solid #ccc; padding: 0.4em;}

footer{ position: fixed; bottom: 0; left: 0; width: 100%; padding: 1em; background: var(--bg-footer); text-align: center;}
h1{color: var(--color-h1)}
h2{color: var(--color-h2); margin-left: -1em;}

h1>span, h2>span{font-size: 200%;}
section{
    margin: 0 0 2em ;
    padding: 0.2em 2em;
    border-top: 0px solid #abc;
    border-radius: 1em;
}

td{vertical-align: top;}

#main{
    background: var(--bg-main);
    border: 3px solid #bbb;
    border-radius: 1em;
    box-shadow: 0 0 3em rgba(0,0,0,0.2);
    margin: 1em 5% 6em;
    padding: 1em;
    min-height: 35em;
}

.app{
    margin: 1em 0;
    border: 0px solid rgba(0,0,0,0.2);
    border-radius: 0.3em;
    padding: 1em; 
}

.float-right{float: right;}

.app .title{font-weight: bold; font-size: 130%; cursor: pointer;}

.app .url{font-size: 80%; font-weight: normal; margin-right: 2em;}
.app .details{display: none;}

.result0{background:#dfd    !important; background: linear-gradient(#dfd,#beb)!important;       color:#080}
.result1{background:#eee    !important; background: linear-gradient(#eee,#ddd)!important;       color:#666;}
.result2{background:#fff8d0 !important; background: linear-gradient(#fff0d0,#ffe0a0)!important; color:#870;}
.result3{background:#fcd    !important; background: linear-gradient(#fcd,#faa)!important;       color:#800;}