html,
    body,
      
    #container {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
      }
        
    #viewDiv {
      height: 90%;
      }
      
    #reflectionDiv {
      padding-top: 0%;
      padding-left: 10%;
      padding-right:10%;
      }

    #magnitude-filter {
        height: 220px;
        width: 200px;
        visibility: hidden;
      }

      .magnitude-item {
        width: 100%;
        padding: 12px;
        text-align: left;
        vertical-align: baseline;
        cursor: pointer;
        height: 40px;
      }

      .magnitude-item:focus {
        background-color: rgb(105, 105, 105);
      }

      .magnitude-item:hover {
        background-color: rgb(245, 165, 165);
      }

      #titleDiv {
        padding: 10px;
      }

      #titleHeading {
        font-size: 20pt;
        font-weight: 100;
        text-align: center;
        padding-bottom: 10px;
        text-align: center;
      }

      #titleSubHeading {
        font-size: 15pt;
        font-weight: 60;
        padding-bottom: 10px;
        text-align: center;
      }
     
      #titleText {
        font-size: 12pt;
        text-align: center;
        font-weight: 60;
        padding-bottom: 10px;
      }

      .esri-popup__header-title {
        color: red;
        }