/* CSS Document */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,p.normal, p.blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}
/* 

/*------------------------------------
   My style
 ------------------------------------*/
html {
	font: 2em/3 "Lucida Console";
	font-weight:300;
	font-size: 100%;
}

<style>



div.a {
    text-align: center;
}

div.b {
    text-align: left;
}

div.c {
    text-align: right;
} 

div.d {
    text-align: justify;
}

a:link {
    color:DarkViolet;
    font-family: "Lucida Console";
    font-stretch: “ultra-expanded";    
    font-size:1em;
    font-weight:50; 
    letter-spacing: 8px;
   
    opacity: 1.0;
    text-decoration:none;
    font-size: 120%;

}
a:visited {
    color:Dark Violet;
    background-color: DeepViolet;
    text-decoration:none;
    font-size: 120%;
font-style: italic;
}
a:hover {
    color:DeepPink;
    font-size: 120%;
    font-style: italic;   
}
a:active {
    color: DeepPink;
    background-color:DeepViolet;
    font-size: 120%;
  font-style: italic;  
}










</style>




body 
{
 background: url(becomingplant010101.mp4);

}
/* Style the video: 100% width and height to cover the entire window */
#myVideo {
    

position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}




{



	      
        font-family: "Lucida Console", bold;        
        text-align: justify;
        font-weight: bold;
       color: 	#00ffff;
background: url(); 
background: center;      
background-opacity: 0.0
        font-weight: normal|bold|bolder|lighter|number|initial|inherit;
}


img {
    position:center;
    opacity: 1.1;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

img:hover {
    position:center;    
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

img { 
   
}
button  { color:  #00ffff;
background-color: transparent;
}



h1 {
	
	text-align: center;
color: #ffcc99;
font-weight: bolder;	

opacity: 0.9;
	
	background: url(becomingplant010101.mp4);  
	font-weight:500;
	font-size:1.8em;
	font-family: "Lucida Console";
        font-stretch: “ultra-expanded";




}







p {
text-align: justify;
color: Indigo;

font-stretch: 500;
font-weight: "bolder";
font-size:1.1em;
letter-spacing: 6px;

}

h2 {

text-align: center;
color: #00ffff;
font-weight: bolder;

	background: url("");  
	
	padding: 24px;
	font-weight:300;
	font-size:1.6em;
	cursor:pointer;
	font-family: "Lucida Console";
        font-stretch: “ultra-expanded";
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
background-image: -webkit-gradient(
	
	color-stop(0, rgb(white, pink)),
	color-stop(1, rgb(white, pink))
);
background: url("");
}


{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

h2 {
    position:center;
    opacity: 0.8;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

h2:hover {
    position:center; 
   
    opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}





footer {
    font-size:  0.5em;
    font-weight: bold; 
    color: #00ffff;   
    background: url("");  
    position: fixed;
    width:  100%;
    padding:    0px;
    margin-bottom:  0px;
    bottom: 0;
   
     
   
}

h2.selected {
	background: url("");  
	color:DeepPink;
        font-style: italic;
        
}
/*
#toggle:checked ~ p {
	height:auto;
	padding:24px;
	opacity:1;
}
#toggle:checked ~ label h2 {
	background:DeepViolet;
	color: DeepPink;
}
#toggle {
	position:absolute;
	appearance:none;
	cursor:pointer;
	left:-100%;
	top:-100%;
}
*/
p {    
	padding: 24px;
	position:relative;
	/*height:100%;
	opacity:0;*/
        background: url(“”);/* }
        color: DarkSalmon

@media screen and (min-width: 992px) {
	h2:hover {
		background: url("becomingplant010101.mp4");/* Old browsers */
		color: DeepViolet;
	background: url("becomingplant010101.mp4");/* FF3.6+ */
		background: background: url("becomingplant0101.mp4"); /* Chrome,Safari4+ */
		background: url("becomingplant010101.mp4"); /* Chrome10+,Safari5.1+ */
		background: url("becomingplant010101.mp4"); /* Opera 11.10+ */
		background: url("becomingplant010101.mp4"); /* IE10+ */
		background: url("becomingplant010101.mp4"); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=‘grey’, endColorstr='p',GradientType=0 ); /* IE6-9 */
	}
	h2.selected:hover {
		background: url("");
		color:DeepPink;
	}
}