index.css

.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  .dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {background-color: #ddd}
  
  .show {display:block;}

  #button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: rgb(255, 255, 255);
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
  }

  #appContainer {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;

  }
  html, body {
    max-width: 100%;
    /* overflow-x: hidden; */
    /* overflow-y: hidden; */
  }

  .m1 {
    margin-left: 35px;
    margin-top: 25px;
  }

  #loaderVisible {
    position: absolute;
    top: 100px;
    left: 250px;
    width: 10rem; 
    height: 10rem; 
    visibility: hidden;
  }

  #loaderText {
    position: absolute;
    top: 275px;
    left: 250px;
    width: 10rem; 
    height: 10rem; 
    visibility: hidden;
  }

  #loaderVisibleComp {
    position: absolute;
    top: 425px;
    left: 250px;
    width: 10rem; 
    height: 10rem; 
    visibility: hidden;
  }

  #loaderTextComp {
    position: absolute;
    top: 600px;
    left: 250px;
    width: 10rem; 
    height: 10rem; 
    visibility: hidden;
  }

  #titleContainer {
    height: 150px;
  }

  .yieldPlot {
    position: relative;
  }

  .comparePlot {
    position: relative;
  }

  .gradient-custom {
    /* fallback for old browsers */
    background: #0d6efd;
  
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to bottom, rgba(13, 110, 253, 0.5), rgba(192, 205, 227, 0.5));
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to bottom, rgba(13, 110, 253, 0.5), rgba(192, 205, 227, 0.5))
  }

  .about-titles{
    margin-top: 15px;
  }

  .textAdjust {
    font-size: 15px;
  }

  .row {
    width: 100%;
  }