header {
  background: url("/yeppers/headertop.jpeg") right center no-repeat #0a1172;
  display: flex;
  align-items: center;
  box-shadow: 0 -9px 24px 9px #200;
    border-image: linear-gradient(to right,#100,#400,#100); 
    box-sizing: content-box;
    margin-top: -1px;
    z-index: 13;
    height: 80px;
    left: -10px;
}
header {
    position: fixed;
    top: 0;
    width: calc(100% - 32px);
    padding: 0 20px 1px;
    padding-right: 32px;
}

header logo {
    margin-top: 37px;
    user-select: none
}

header ,nav li,nav ul ul li,nav ul ul ul li {
    position: relative
}

body,nav ul {
    margin: 0;
    padding: 0
}

body,nav ul ul li {
    letter-spacing: 1px
}

nav {
    user-select: none;
    margin-left: auto
}

nav ul {
    list-style: none;
    display: flex;
    z-index: 6
}

nav li {
    margin-right: 8px
}

nav a {
     text-decoration: none;
    color: #FFF;
  font-family: impact;
    text-shadow: #000 2px 2px 1px;
    padding: 7px;
    display: block;
    outline: #f2f4f7c4 outset 1px;
    background-color: #1a196499
}

nav a:hover {
    color: #1AD;
    text-shadow: #09d 0 1px 6px;
    transition: 32ms ease-out;
  cursor: url=("https://gaddam.pages.dev/global/fingor.png");
}

nav ul ul {
    display: none;
    top: 100%;
    background: #300;
    box-shadow: 1px 2px 11px 2px #000,0 -3px 11px 2px inset #000
}

nav ul li:hover>ul {
    display: inherit
}

nav ul ul ul li {
    top: -60px
}

nav ul ul li {
    width: 188px;
    font-size: 19px;
    line-height: 4px;
    float: none;
    display: list-item;
}

#chosen {
    color: #dd0019;
    outline: #dd000a66 inset 1px;
}