body{
	font-family: "helvetica", "arial", "sans-serif";
	background-color: #f7f7f2;
}
/*.raindrops{
	height:25px;
	width: 10px;
	border-radius:90% 90% 80% 80%;
	background-color: #61659b;

}*/
.sky_button{
	height: 200px;
	width: 100vw;
	/*background-color: #b1cdf9;*/
	background-image: url("../images/clouds_nice.png");
	position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}
.sky_active{
	height: 200px;
	width: 100vw;
	background-image: url("../images/clouds_bad.png");
	position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    opacity: .3;
    transition: all 3s ease-in-out;
}
.doghouse_button{
	background-image: url("../images/dog_house.png");
	height: 400px;
	width: 400px;
	margin:100px auto;
}
.dog_active{
	background-image: url("../images/obi_in_house.png");
	height: 400px;
	width: 400px;
	margin:130px auto;
/*	transition: all 0.9s ease-in-out;*/
}