/*Sets the Navbar's logo to how I want it*/
#DuckInnLogo{height: 100px; width: auto; display:inline-flex}
/*Creates the entire Navbar*/
#NavBar{display:flex; border:black 2px solid; align-items:end; justify-content:space-between; 
    background-color: #FFB040
;position:sticky; top:0; padding:10px; z-index: 9999;}
/*For the Hamburger Button.*/
#menu{
    background-color: red; border: black 2px solid; position: absolute; right: 22px;
    top: 40px; border-radius:3px; cursor: pointer; font-size: 50px; user-select: none;
}
/*Controls the positioning of the links*/
#Diver{flex-direction: column;position:absolute; top:95px; right:4px; display:none;}
/*Directly changes the links*/
#Diver a:not(#OrderAnc){border: black 2px solid; background-color: orangered; margin-right:20px;
     margin:10px; border-radius:5px; padding:5px; color: black;}
/*Changes the Link whenever you hover on it to change its background to yellow (FANCY!!!!!)*/
#Diver a:not(#OrderAnc):hover{background-color: yellow;}
body{background-color: #F5D6AB;}
.Navanc{text-decoration: none;}
#OrderAnc{background-color: orange; color: #69071C; margin-right:20px;
     margin:10px; border-radius:5px; padding:5px; border: black 2px solid;
}
#OrderAnc:hover{background-color: yellow;}
footer{font-style: italic;}