@font-face { font-family: Lordish; src: url('./fonts/Lordish-Regular.ttf'); }
@font-face { font-family: DS-digit; src: url('./fonts/DS-DIGIT.TTF'); }
@font-face { font-family: Apple-Kid; src: url('./fonts/Apple-Kid.ttf'); }

body {
    background-color: darkgray;
}
.Banner {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;

    list-style: none;
    background-color: black;
    margin-bottom: 1.5em;
}
.Banner a {
    font-family: Lordish;
    font-size: 3em;
    padding: .4em .8em;
    background-color: maroon;
    color: white;
    text-decoration: none;
}
.Banner img {
    height: 33px;
    width: 36px;
    background-color: black;
    margin-top: auto;
    margin-bottom: auto;
}
.Banner t {
    font-family: Apple-Kid;
    font-size: 2em;
    visibility: visible;
}
.Banner li {
    text-align: center;
    color: white; 
}
.Nav {
    display: flex;
    flex-flow: row;
    list-style: none;
    background-color: black;
    /* width: 9em; */
    padding-left: 1em;
    padding: 1em;
    /* writing-mode: vertical-lr; */
    /* transform: rotate(180deg); */
}
.Nav li {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    background-color: maroon;
    text-align: center;
    padding: 1em;
}
.Nav a {
    color: white;
    text-decoration: none;
    font-size: 2em;
}
@media all and (max-width: 800px) {
    .Banner img, .Banner t {
      visibility: hidden;
    }
  }
/* ul {
    list-style-type: none;
    background-color: maroon;
    color: orange;
}
li {
    font-family: Lordish;
} */