#dewMenuDiv {
	
 	position: absolute;
 	top: 0px;
 	left: 0px;
 
	width: 408px;
	height: 612px;
 	
	background-image: url("../../../views/20220710/imgs/dewsbkgmenu.jpeg");
  	
    -webkit-mask-image:
    	-webkit-gradient(
    		linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))
    	);
    mask-image: 
    	linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    
}

#dewFooterDiv {
	
 	position: absolute;
 	bottom: 0px;
 	left: 0px;
 	width: 100%;
 
 	text-indent: 80%;
 	color: #404040;
 	opacity: 0.5

	/* https://cssgradient.io/
    background: rgb(34,86,195);
	background: linear-gradient(0deg, rgba(34,86,195,1) 0%, rgba(253,244,45,0.9948354341736695) 100%);
	 */
	
    
}

#dewMessageDiv {
	
 	position: absolute;
 	top: 200px;
 	left: 40%;
 	right: 3%;
 	height: 400px;
 
 	
 	background-color: #386649;
 	opacity: 0.7;

    -webkit-mask-image:
    	-webkit-gradient(
    		linear, left top, left bottom, from( rgba(56, 102, 73,1)), to( rgba(0,0,0,0))
    	);
    mask-image: 
    	linear-gradient(to bottom, rgba(56, 102, 73,1), rgba(0,0,0,0));
    
}

#dewNameDiv {
	position: absolute;
	top: 50px;
	color: darkgrey;
	width: 100%;
	text-shadow: 3px 3px grey;
	font-size: 48px;
	text-indent: 55%;
}

#dewMottoDiv {
	position: absolute;
	top: 90px;
	color: darkgrey;
	width: 100%;
	text-shadow: 2px 2px grey;
	font-size: 18px;
	text-indent: 55%;
}

.dewTextHeader {
	position: relative;
	top: 30px;
	width: 90%;
	
	color: black;
	font-size: 28px;
	text-align: right;
	text-shadow: 2px 2px grey;
	z-index: 1;
	
}

.dewText {
	position: relative;
	top: 50px;
	width: 90%;
	margin: 0 auto;
	text-align: justify;
	color: white;
	font-size: 18px;
	z-index: 1;
}

.dewTextIndent {
	text-indent: 30px;
}

#dewBPMpic {
	
 	position: absolute;
 	top: 500px;
 	left: 30%;
 	opacity: 0.7;
 	z-index: 1;
 	
 	/*
	width: 408px;
	height: 612px;
	background-image: url("../imgs/dewbpm.png");
  	
    -webkit-mask-image:
    	-webkit-gradient(
    		linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))
    	);
    mask-image: 
    	linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
 	*/
    
}