html,
    body,
      
    #container {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
      }
        
    #viewDiv {
      height: 90%;
      }
      
    #reflectionDiv {
      padding-top: 0%;
      padding-left: 10%;
      padding-right:10%;
      }
    
    #legendDiv {
      padding: 5px;
      max-width:200px;
      background-color: red;
      max-height: 375px;
      overflow: auto;
      color: white;
    }

    .esri-legend__layer-caption {
      font-weight: bold;
      font-size: 125%;
    }

    .esri-legend__service-label {
      display: none;
    }

    .esri-popup__main-container,
    .esri-widget__table,
    .esri-feature__content-element,
    .esri-popup__icon,
    .esri-popup__action-text {
      background-color: red;
      color:white;
      }
      
    .esri-popup__header-title {
      color: white;
      }

    #titleDiv {
      padding: 10px;
      background-color: red;
    }

    #titleHeading {
      font-size: 16pt;
      font-weight: bold;
      text-align: center;
      padding-bottom: 10px;
      text-align: center;
      color: white;
    }

    .imgCenter {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 50%;
    }
    
    #titleText {
      padding-top: 10px;
      font-size: 10pt;
      text-align: center;
      font-weight: 60;
      padding-bottom: 10px;
      color: white;
    }