.gallery {
  margin: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 600px));
  grid-column-gap: 20px;
  grid-row-gap: 20px;

  justify-content: space-around;
  /* align-content: space-around; */
}

.gallery img {
  width: 100%;
}

.gallery-entry {
  background-color: rgb(64,32,0);
  padding: 10px;
}
.gallery-entry p {
  /* color: b; */
  /* font-weight: bold; */
}

 .profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
   background-color: rgb(62, 32, 0);
   color: beige;
   border-radius: 10px;
   padding: 5px;
 }

.profile-image {
    max-width: 600px;
}

div.profile-description {
    display: inline;
}
div.profile-description ul {
    padding: 30px;
}
div.profile-description ol {
    padding: 30px;
}
div.profile-description blockquote {
    padding: 10px 40px;
    border: 2px solid orange;
    font-style: italic;
}

div.profile-description p {
    padding: 5px;
    width: 100%;
    color: beige;
}
.profile-header p {
    margin: 30px;
}


 .contents {
   display: flex;
   flex-direction: column;
 }

 #form-box input {
   /* background-color: ; */
   font-size: 30px;
 }

 #form-box button {
   width: 200px;
   font-size: 30px;
   border-radius: 10px;
 }

 #lookup {
   background-color: #203200;
   height: 200px;
   display: flex;
   flex-direction: column;
   align-items: center;
   /* max-width: 100px; */
   justify-content: space-around;
 }

 .dbox label {
   color: orange;
 }

 @media screen and (max-width: 600px) {
   #form-box input {
     font-size: 1em;
   }
   #form-box button {
     font-size: 20px;
   }

 }