style_Project.css

/* format container to fill window*/
html, body, .container{
	width: 100%;
	height: 100%;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }

/* format viewDiv to grow dynamically */
#viewDiv{
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;
}

/* format header colors, font, and static position */
#header {
	flex-shrink: 0;
	background-color: #990000;
	color: white;
	text-align: center;
	font-family:Segoe UI;
}

/* format footer static position */  
#footer  {
	flex-shrink: 0;
	border-top: 1px solid black;
}

/* format footer text size, font, placement */
#footer p{
	font-size: 12px;
	text-align: center;
	font-family: Segoe UI;
}

/* format link */
#footer a{
	font-size: 12px;
	color: #990000;
}

/* format pop-up...not sure if this worked */
.esri-popup__header {
    position: relative;
    font-size: 12px;
    align-items: flex-start;
    justify-content: space-between;
    flex: 0 0 auto;
}