h1 {

	font-family: Arial, Helvetica, sans-serif;

    color: black;
}

h2 {

	font-family: Arial, Helvetica, sans-serif;

    color: black;
}

h3 {

	font-family: Arial, Helvetica, sans-serif;

    color: black;
}


#intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px 
    color: black;
}
.colorful {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px 
    color: red;
}


#main{
	position:relative;
    width: 100%; 
    height: 100%;
}





#background {
	opacity:0.1;
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}



.stretch {
    width:100%;
    height:100%;
    object-fit: stretch;
}


.cover {
    width:100%;
    height:100%;

   object-fit: cover;

}

.fill {
    width:100%;
    height:100%;
   object-fit: fill;

}


div#second{
width:900px;
height:300px;


	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px 
    color: black;
    
}