@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@900&display=swap');
 

body {
  margin: 0;
  background-color:white;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
}

/*button {*/
/*  padding: 1em;*/
/*  margin: 1em;*/
/*  background-color: rgb(10, 24, 53);*/
/*  color: white;*/
/*  border-radius: 0.375rem;*/
/*  border-style: none;*/
/*  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.2),0px 2px 4px -1px rgba(0, 0, 0, 0.06);*/
/*  font-size: 20px;*/

/*}*/

/* #starts {
  background-color: black;
  color: antiquewhite;
} */

.searchTerms {
  height: 10em;
  width: 15em;
  font-style: italic;
  font-size: 16px;
}

.nodeOptions {
  height: 2em;
  width: 97%;
  font-style: italic;
  font-size: 16px;
}

  /* Example: Change the color of the track */
.rc-slider-track {
    background-color: green; /* Or any other color */
}

/* Example: Change the color of the rail */
.rc-slider-rail {
    background-color: #ededed; /* Light grey */
}

/* Example: Change the color of the handles */
.rc-slider-handle {
    background-color: lawngreen;
    border: 2px; /* Remove default border if desired */
}

/* Example: Change the color of the mark text */
.rc-slider-mark-text {
    color: darkblue;
}

/*textarea {*/
/*  height: 10em;*/
/*  width: 15em;*/
/*  font-style: italic;*/
/*  font-size: 16px;*/
/*  margin-bottom: 1.5em;*/
/*}*/

h1 {
  margin-top: 0em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-family: 'Oswald', sans-serif;
  text-align: center;
  color:black
}

.dropdownbox {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 15em;
  font-size: 20px;
}

.scatterplot {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.dash-table-tooltip {
  background-color:violet;
}

.loading {
  margin: 1em;
}