body{margin: 0;}

#image {
    
    max-width:100%; 
    width:auto;
    height:auto; 
    display:block;
    margin: 0 auto;
}

#img-caption {
    font-size:10px;
    
}

#small {
    font-size:10px;
    
}

#title {
    text-align:center;margin:0;
    
}

#sub-title {
    text-align:center;
}

#xr1 {
    background-color:black;
    color:white;
    padding:5px;
    --box-shadow-color: black;
    box-shadow: 0px 0px 15px var(--box-shadow-color)
}

#xts1 {
    float: right;
    width:150px;
    padding-right:20px;
    padding-left:3px;
}


#text {padding:8px;
color:white;
background-color:black;
--box-shadow-color: black;
box-shadow: 0px 0px 15px var(--box-shadow-color); }

#xts2 {
    float: left;width:150px;padding-left:5px;padding-right:5px;
}

#a {color:white;}
#tribute-link {color:white;}

.dropbtn {
  background-color: black;
  color: white;
  padding: 0 7px 0 7px;
  font-size: 16px;
  border: none;
  cursor: pointer;border: 1px solid black;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;

right:0px;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
   color: white;
  padding: 8px 16px;
  text-decoration: none;
  background-color:black;
  display: block;border: 1px solid black;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color:white;color:black;border: 1px solid black;}


@media only screen and (max-width: 510px) {
    #title {
      width:80%
    }
}




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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: white;color:black;border: 1px solid black;
}