* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

body {
  font-family: sans-serif;
  display: block;
  background-image: linear-gradient(rgba(34, 34, 34, 0.6),
        rgba(34, 34, 34, 0.6)),
      url(B&W_web/B&W_078.jpg);
    background-size: cover;
    color: #fff;
}

.container {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  height: 95vh;
}

.name {
color: #ced4da;
font-size: 11px;
font-family: 'Open Sans';
letter-spacing: 7px;
font-style: normal;
text-align: center;
}

.photo {
  /* display: inline-flex; */
  color: #ced4da;
  font-family: 'Open Sans';
  font-size: 17px;
  letter-spacing: 10px;
  font-style: normal;
  justify-content: space-around;
  text-align: center;
}

.menu { 
  font-family: 'Open Sans';
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}

.menu a:link {
  /* margin-inline: 7px; */
  padding-right: 12px;
  text-decoration: none;
}

a {
  color: #adb5bd;
}

a:link {
  color: #adb5bd;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  cursor: pointer;
  color: #fff;
  transition-duration: 0.5s;
  text-decoration: none;
}

.copyright {
  display: flex;
  align-items: stretch;
  color: #adb5bd;
  font-size: 12px;
  justify-content: center;
  gap: 15px;
  padding-bottom: 30px;
  height: 5vh;
}

 /* Dropdown Button */
 .dropbtn {
   background-color: transparent;
   color: #adb5bd;
   /*padding: 16px;*/
   font-size: 14px;
   border: none;
   cursor: pointer;
 }

 /* Dropdown Container */
 .dropdown {
   position: relative;
   display: inline-block;
 }

 /* Dropdown Content (Hidden by Default) */
 .dropdown-content {
   display: none;
   position: absolute;
   background-color: none;
   /* min-width: 100px; */
   /* box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); */
   z-index: 1;
 }

 /* Links inside the Dropdown */
 .dropdown-content a {
   color: #adb5bd;
   padding: 3px 3px;
   align-items: center;
   text-align: match-parent;
   text-decoration: none;
   display: block;
 }

 /* Change color of links on hover */
 .dropdown-content a:hover {
   /*background-color: transparent;*/
    cursor: pointer;
    color: #fff;
    transition-duration: 1s;
    text-decoration: none;
 }

 /* Show the dropdown menu on hover */
 .dropdown:hover .dropdown-content {
  display: block;
 }

 /* Change background color of button when dropdown is shown */
 .dropdown:hover .dropbtn {
   display: block;
   background-color: ;
 }

 :contentReference[oaicite:17] {
   index=17
 }