nav{}
.navigation{display: flex; justify-content: space-between; align-items: center; padding: 30px; background-color: black;}
.navigation .logo{width: 150px; height: auto; margin: 10px;}
.logo img{width: inherit;}
.navigation .links{color: white; padding: 10px; width: max-content;
padding: 20px; }
.links ul{padding: 0; margin: 0; display: flex; gap: 20px; list-style: none; justify-content: center; align-items: center;}
.links ul li a{text-decoration: none; color: inherit; border: 1px solid transparent; border-radius: 5px; padding: 5px;}
.links ul li a:hover{border-color: white;}



.side-bar{position: fixed; left: -100%; top: 0;  transition: 0.4s; background-color: black;
padding: 20px; z-index: 10; height: 100%; }
.side-bar::after{position: absolute; bottom: 0; height: 100px; width: 100%; content: "®2024 Precious Mineral Depository";
left: 0; color: white; text-align: center; padding: 20px;}
.side-bar .logo{width: 150px; height: auto; margin: 10px; }
.side-bar .mobile-links{list-style: none; margin-top:50px;}
.mobile-links{padding: 0;}
.mobile-links li{margin-top: 10px; font-weight: bold; border: 1px solid white; padding: 5px;}
.mobile-links li a{text-decoration: none; color:white;}