body
{
  border-style: outset;
  border-width: 15px;
  border-color: #332303;
  background-color: #332303;
  padding: 60px 60px 60px 60px;
}
body {
background-color: #ba9b54;
font-size:25px;
font-family: 'Bangers', thin;
}
.menu {
  background-color: lightgreen;
  font-size: 10px;
}

img {
  border-style: groove;
  border-width: 15px;
  border-color: #ba8f2b;
  border-radius: 20px;
  opacity:0.3;
}

p {
    color: blue;
    font-size: 16px;
}

.submenu {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
table {
  border-style: ridge;
  border-width: 2px
}
nav{
  margin-bottom: 100px;
  font-family: 'Bangers', sans-serif;
  background-color: #ba8f2b;
  border-color: #6b5113;
  border-style: none;
  border-width: 15px;
  border-radius: 20px;
  width: 850px;
}
nav ul {
  box-shadow: 5px 6px inset #452f0a;
  border-radius: 20px 20px 0 0;
  list-style: none;
  margin: 0;
  padding:0;
  display:flex;
}
nav li {
  position:relative;
  padding:12
  
}
nav ul ul {
  font-size:20px;
  padding: 15px;
  display: none;
  position: absolute;
  background-color: #a6853a;
  top:50px;
  min-width:15px;
  width:300px;
  flex-direction: column;
}
nav a {
  text-shadow: 3px 3px #452f0a;
  color: #fad47d;
  text-decoration:none;
   font-family: 'Bangers'
  
}
nav a:hover {
  background-color:#0000;
    top:1px;
}
nav li:hover > ul {
  
  display:flex;
    top:45;
     padding:2px;
     background-color:#ba8f2b;
     border-color: #6b5113;
     border-style: none;
     border-width: 10px;
     border-radius: 15px;
}
#secondary-nav {
  border-style: groove;
  border-color: #75551d;
  background-color: #755006;
  width: 1200px;
  color: black;
}
#secondary-nav p {
  display:flex;
  padding:20px;
  color: #e6ca93;
  font-size:25px;
    
}
#secondary-nav h1 {
  padding:20px;
  color: #e6ca93;
}
#secondary-nav  {
}
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

/* 2. Apply the animation to the desired class */
.shake-word {
    /* Name, duration, timing function, delay, iteration count, direction, fill mode */
    animation: shake 0.2s cubic-bezier(.36,.07,.19,.97) infinite;
    display: inline-block; /* Important: transform doesn't affect inline elements by default */
    transform: translate3d(0, 0, 0); /* Optional: Forces hardware acceleration for smoothness */
    backface-visibility: hidden; /* Optional: Further improves smoothness */
    perspective: 1000px; /* Optional: Further improves smoothness */
}
Contact nav {
  border-style: none;
  
}