/* ---------------------------------------- 
Cyril Gordon
---------------------------------------- */

/* NOTES:

1. DO NOT use width or height properties for any parent-level divs (these are divs you will be adding classes to).
2. Use % over px for sizing interior divs
3. Remember: if you do not give dimention and style to interior divs, we will not see them. By default, divs are invisible.

*/

/* so we can tell that our file is loading */
body {
	background-color: #000000;
	background-image: url(../images/sky.jpg)
}



div {border: solid 0px white}

.cg {
	
}

.window {
	border: ridge 30px #603814;
	border-bottom: ridge 20px #603814;
	cursor: pointer;
	background-image: url(../images/opacity.png);	
}

.window:active {
	background-image: url(../images/hmm.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.windowbottom {
	border: ridge 30px #603814;
	border-top: ridge 20px #603814;
	cursor: pointer;
	background-image: url(../images/opacity.png);
	animation:windowmove 5s infinite;
}

.windowbottom:active {
	background-image: url(../images/hmm.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
}

@keyframes windowmove {
    0% {bottom: 0px;}
    50% {bottom: 100px;}
    100% {bottom:0px;}

}