* {
  background-color: black;
  border: 1px solid black;
  color: white;
}

html {
  min-height: 100%;
  background-color: black;
}

body {
  height: 98%;
  background-color: black;
}

#title {
  height: 100%;
  border: 0px;
}

iframe {
  background-color: black;
  border: 0px;
}

ul {
  height: 360px;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

li {
  list-style-type: none;
  height: 20%;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 25px;
  text-align: center;
  font-size: 18px;
  border-top: 0px;
}

.container {
  margin-top: 72px;
  margin-bottom: 108px;
}

#title-and-search {
  height: 30%;
  margin-bottom: 30px;
}

#title {
  height: 100%;
  text-align: center;
  font-size: 32px;
  color: white;
}

.search-bar,
.submit-button {
  height: 45px;
  text-align: center;
  font-size: 32px;
  color: white;
  padding: 0px;
  border: 0px;
}

.b {
  float: left;
}

#meetup-section {
  padding: 0px;
}

#quote-section {
  height: 100px;
  text-align: center;
  font-size: 18px;
  color: white;
}

#the-quote,
#the-person {
  height: 50%;
  padding: 0px;
  border: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
}

.quote {
  height: 100%;
  padding: 0px;
  padding-top: 20px;
  border: 0px;
}

.mdn {
  height: 100%;
  padding: 0px;
  border: 0px;
  margin: 0px;
}