header{border-bottom:solid darkslategrey 1px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}header a{text-decoration:none;color:#a4a4a4;text-shadow:black 1px 1px 2px;font-size:1.25rem;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}header a:hover{color:orange;transform:scale(1.15);transition:0.75s ease}header a:active{color:orange}header .logoIMG{height:50px;width:50px;margin:1rem}.menu-item-has-children:hover{transition:1s ease-in;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.menu-item-has-children:hover .sub-menu{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;transition:1s ease-in;padding-right:0;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.sub-menu{display:none;position:absolute;top:100%;transition:1s ease-in;background-color:darkslategray;z-index:999;text-align:left;width:10rem;font-size:5rem;overflow:hidden;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.sub-menu a{font-size:1rem}.sub-menu li{display:flex;justify-content:flex-start;width:100%;box-shadow:inset 0 0 5px 2.5px black;color:goldenrod}.NavMenu li{position:relative}.current-menu-item a{color:goldenrod}.navbar{display:flex;justify-content:space-between;align-items:center;background-image:url("https://www.transparenttextures.com/patterns/60-lines.png");background:#a4a4a4;background:linear-gradient(360deg, #a4a4a4 0%, #284646 13%);color:#a4a4a4;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}@media (max-width:1000px){.navbar{flex-direction:column;align-items:flex-start}}.brand-title{font-size:1.5rem;letter-spacing:4px;margin:0.5rem;display:flex;justify-content:center;align-items:center;text-shadow:black 1px 1px 2px;color:goldenrod}@media (max-width:1000px){.brand-title{font-size:1rem}}.NavMenu{margin:0;margin-right:5rem;padding:0;display:flex;list-style:none;text-decoration:none;color:aliceblue;letter-spacing:4px;text-transform:uppercase;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}@media (max-width:1000px){.NavMenu{display:none;width:100%;flex-direction:column;padding:1rem}.NavMenu .active{display:flex}}.menu-item{text-decoration:none;color:#a4a4a4;padding:1rem;display:block;font-size:1rem;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}@media (max-width:1000px){.menu-item{padding:0.5rem 1rem}}.menu-item:hover{text-decoration:none;color:goldenrod;padding:1rem;display:block;background-color:transparent}.menu-item:active{color:orange}.menu-item:focus{color:orange}.toggle-button{position:absolute;top:2rem;right:1rem;display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px}@media (max-width:1000px){.toggle-button{display:flex}}.toggle-button .bar{height:3px;width:100%;background-color:darkgray;border-radius:10px;transition:all 0.4s ease}.toggle-button .bar:hover{background-color:goldenrod}.toggle-button:hover .bar{background-color:goldenrod}.identity{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-left:1rem}@media (max-width:1000px){.toggle-button{display:flex}.toggle-button a{background-color:goldenrod}.NavMenu{display:none;width:100%;flex-direction:column}.navbar{flex-direction:column;align-items:flex-start;z-index:999}.menu-item{padding:1rem}.NavMenu.active{display:flex}.bar.active{transform:rotate(135deg)}.top.active{position:relative;top:9px;transform:rotate(135deg)}.mid.active{display:none}.bot.active{position:relative;top:-9px;transform:rotate(-135deg)}.xtog:hover{transition:all 1s ease;transform:rotate(180deg)}}