.dropbtn {
  background-color:black;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:white;
  min-width: 60px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color:black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color:cyan;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color:black;}

body{
    background-color:black;
}

footer{
    text-align:center;color:white;font-size:25px;
}
h1{
    text-align:center;color:cyan;text-shadow:1px 1px white;
}
.title{
    font-style:italic;font-size:3vw;font-family:name;-webkit-text-stroke:white 1px;text-align:center;color:cyan;
}

* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
}
    
.border{
    border:2px white ridge;
}  

h4{
    text-align:center;color:cyan;text-shadow:1px 1px white;
}

figcaption {
  background-color: black;
  color: cyan;
  font-style: italic;
  padding: 2px;
  text-align: center;
  font-size:2vw;
}
@font-face{font-family:name;src:url("https://codehs.com/uploads/b9b7d8bcc4173ca13ffdbbc63d057222");}

button{
    
    margin-left:40%;
    margin-right:40%;
    color:black;
    font-family:name;
    text-align:center;
    border:cyan 2px ridge;
    font-size:1vw;
    
    
}

a{
    text-decoration:none;
    color:black;
}