body {
color: #4682B4;
font-family: 'Times', serif;
}

#main {
background-color:whitesmoke;
border: 2px solid;
border-color:#4682B4;
color:#4682B4;
padding: 0px 20px 20px 20px;
width: 60%;
height:auto;
margin-left: 20%;
margin-right: 20%;
}



#postcard {
background-color:whitesmoke;
display:flex;
justify-content: center;
align-items: center;
padding:20px 20px 20px 20px;
width: 50%;
height:300px;
margin-left: 20%;
margin-right:20%;
}

.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

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

.dropdown2 {
  position: relative;
}

.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.dropdown2:hover .dropdown-content2 {
  display: block;
}

.dropdown3 {
  position: relative;
}

.dropdown-content3 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
}

.dropdown3:hover .dropdown-content3 {
  display: block;
}