body {
  margin: 40px 140px;
  /*background: linear-gradient(
    to top,
    rgb(85, 88, 218) 0%,
    rgb(95, 209, 249) 100%
  );
  background-repeat: no-repeat;
  background-size: 1370px 1000px;*/
  background-color: #4699f7;
}

.whole-html-body {
  border-radius: 10px;
  color: #080f0f;
}

.App-header {
  border-radius: 10px;
  background-color: #fbf9ff;
  margin: 13px 0px 10px 0px;
  text-align: center;
}

.header-h1 {
  padding: 15px 0px 15px 0px;
}

.header-h2 {
  margin: 10px;
  padding-bottom: 20px;
  color: grey;
  font-size: 15px;
}

.header-input {
  padding: 0px 100px 0px 0px;
}

/* main display*/
.searchResults {
  margin: 0px 250px;
}

.selected-word {
  margin: 20px 0px 0px 0px;
  padding: 10px 0px 0px;
}

.pronounce-h4 {
  margin: 15px 0px 0px 0px;
  position: relative;
  left: 7px;
}

.main-results-display {
  margin: 50px 0px;
  border-radius: 10px;
  background-color: #fbf9ff;
}

/* start of list for results - in searchedResults

.li-of-ul-for-defined-results {
  padding: 20px 0px 50px;
  position: relative;
  right: 10px;
}

.ol-for-defined-results {
  
}
*/

.ol-for-defined-results {
  font-size: 20px;
}

.the-content-of-li-of-defintions {
  padding: 20px 0px 50px;
  position: relative;
}

/* unordered list of synonyms - in listForSynonyms */
.synonyms-ul {
  position: relative;
  top: 10px;
  right: 40px;
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 8px 5px;
  list-style-type: none;
  margin: 0px;
}

.synonyms-div {
  font-weight: bold;
  padding: 0px 0;
  font-size: 20px;
  grid-column: 1 / 5;
  grid-row: 1;
}

.synonyms-li {
  font-size: 15px;
}

/** gallery settings */

.CSS-photo-div {
  border: 1px solid white;
  border-radius: 20px;
  background-color: white;
}

.CSS-photo-img {
  border-radius: 25px;
}