* {
    box-sizing: border-box;
}
body {
    color: #1f1f1f;
    background-color: #fafbfc;
    margin: 5px;
    padding: 5px;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}
.homebanner {
    background-color: #567890;
    color: white; /*#aaa;*/
    font-family: monospace;
    font-size: 120%;
    margin: 0px;
    padding: 0px;
    /*width: 80%;*/
}
.homenavbar {
    /* display: flex; */
    list-style-type: none;
    margin: 2px;
    padding: 2px 1px 2px 1px;
}
.homenavbar li {
    display: inline;
    margin: 0px;
    padding: 5px;
    /*background-color:#0a0af0;*/
    /*color: blue;*/
    /*width: 250px;*/
}

.home-item:hover, .home-item:focus {
    /*background-color:#0a0a0a;
    background-image:linear-gradient(90deg, #0a0a0a 2%, #a0a0a0 100%);*/
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    padding:0px; /* 0px 5px 0px;*/
    margin: 0;
    /* color: blue; */
    /*width: 250px;*/
}

.active{
    text-shadow: yellow 0px 1px 1px;
    padding-bottom:2px;
    border-bottom:2px solid transparent;
    /* border-image:linear-gradient(90deg, #77ff77 2%, #FF248C 100%); */
    border-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
    /* background-image:linear-gradient(45deg, yellow 2%, white 100%); */
    border-image-slice:0 0 1 0;
    opacity:.8;
    color:rgba(8, 255, 8, 80%);
}

/*.active {
    background-color:#a0110f;
    cursor: none;
    padding: 0px;
    margin: 0;*/
    /*padding: 10px 10px 10px 10px;*/
    /*color: blue;*/
    /*width: 250px;*/
/*}*/

.home-item {
    text-shadow: white 0px 1px 1px;
    margin: 0px;
    padding: 0px;
}
a {
    color: #0055FF;
    text-decoration: none;
    text-shadow: black 0px 1px 1px;
}
#logo {
    float: right;
}
#maindisplay {
    /*border-style: solid;*/
    /*background-color: #fafafb;*/
    margin: 10px;
    padding: 5px;
    width: 80%;
}
h1, h2, h3, h4, h5, h6  { font-family: avantgarde, sans-serif;
                          font-weight: bold;
			  padding: 2px;
			  margin: 5px;
			  background-color: #fafafb;
			  /*width: auto;*/
}
ul > li {
    list-style-type: none;
    margin: 5px 0px 0px 10px;
    padding: 2px 1px 2px 10px;
}