:root, html, body {
    font-family: Arial, Helvetica, sans-serif;/*monospace, */
    color: #fff;
    background-color: #fff;
    margin: 0px;
    height: 98vh;
    filter: contrast(120%) grayscale(100%);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

*:focus {
    outline: none;
}

#nav, .nav, #nav .nav li { 
    margin:0; 
    padding:0; 
}
#nav li {
    float:left; 
    display:inline; 
    cursor:pointer; 
    list-style:none; 
    padding:0 10px 0 10px; 
    /*border:1px #000 solid;*/
    position:relative;
}
#nav li ul.first {
    left:-1px; 
    top:100%;
}
 
li, li a {
    color:#000; 
    text-decoration:none;
}
#nav .nav li { 
    width:100%; 
    text-indent:10px; 
    line-height:30px; 
    margin-right:10px; 
    border-top:1px #000 solid; 
    border-bottom:1px #000 solid;
    border-left:none; 
    border-right:none; 
    background:#fff;
}
#nav li a {
    display:block; 
    width:inherit; 
    height:inherit;
}
 
ul.nav { 
    display:none; 
}
#nav li:hover > a, #nav li:hover { 
    /*color:#fff; 
    background:#000; */
}
li:hover > .nav { 
    display:block; 
    position:absolute; 
    width:200px; 
    top:-2px; 
    left:50%; 
    z-index:1000; 
    border:1px #000 solid; 
}
li:hover { 
    position:relative; 
    z-index:2000; 
}

.left-nav {
    float: right;
}

.nohover-nav li:hover > a, .nohover-nav li:hover, .nohover-nav:hover {
    /*color:#000 !important;
    background: #fff !important;*/
    cursor: default !important;
}

navmenu > div {
    margin-top: 10px;
}

#battery > svg {
    height: 30px;
    transform: translateY(-6px);
}

#battery {
    display: flex !important;
}

.line-active > li:before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    border-bottom: 2px solid #000;
    color: #000;
}

#pagebar {
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding-top: 10px;
    border-top: 2px solid black;
}

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

#searchbar input {
    border-radius: 25px;
    border: 2px solid black;
    height: 45px;
    min-width: 270px;
    max-width: 450px;
    width: 50%;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#results {
    margin: 10px;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    overflow: scroll;
    justify-content: space-evenly;
    max-height: calc(100% - 140px);
}

#results > img {
    height: 180px;
    margin: 15px;
}