html {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overscroll-behavior:none;
    overflow-x: hidden;
    box-sizing: border-box;
}
body {
    margin:0;
}
.hide {
    display:none;
    width:60vw;
    padding-left:20px;
}
.hide a {
    cursor: pointer;
    color: blue;
    text-decoration-line:underline;
}

ul.navbar {
    padding:0;
    cursor:pointer;
    list-style: none;
    display:flex;
    padding:10px;
    border-bottom:1px solid black;
    column-gap: 2px;
}

ul.navbar > li {
    border: 1px solid black;
    text-align: center;
    position:relative;
    background-color: rgb(215, 215, 215);
    min-width:100px;
    height:60x;
    padding-left: 15px;
    padding-right: 15px;
}
ul.navbar > li:hover {
    background-color: grey;
}
ul.menu {
    z-index: 2;
    border:1px solid black;
    display:none;
    margin:0;
    position:absolute;
    width:100%;
    list-style: none;
    background-color: lightgrey;
    padding:0px;
    left:-0.8px;
}
ul.navbar > li:hover > ul {
    display: block;
}
ul.navbar > li > ul > li:hover {
    background-color: grey;
}
#links-on-page {
    padding:15px;
    width:25vw;
    position:fixed;
    right:5vw;
    border:2px dashed black;
}
#linkOnPageElm {
    text-decoration-line: underline;
    cursor: pointer;
    color:blue;
}