body{
	background-image: url(https://images.unsplash.com/photo-1512389142860-9c449e58a543?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8Y2hyaXN0bWFzfGVufDB8MHwwfHw%3D&auto=format&fit=crop&w=800&q=60);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgb(243, 236, 236);
}

.heading {
	display: flex;
	justify-content: center;
}
h1 {
	background-color: rgba(251, 248, 249, 0.9);
	font-size: 60px;
	padding: 20px;
	border: 5px solid black;
	border-style: double;

	font-family: 'Dancing Script', cursive;
}

.container {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.christmas {
	background-color: rgba(251, 248, 249, 0.82); 
	height: 300px;
	width: 200px;
	margin-top: 50px;
	border: 5px solid black;
	
	border-style: double;
}

.block{
	display: flex;
	flex-direction: column;
	align-items: center;
}
h3 {
	font-size: 30px;

	font-family: 'Dancing Script', cursive;
}

.days, .hours, .minutes, .seconds {
	font-size: 40px;

	font-family: 'Dancing Script', cursive;
	color: #a52a2a;
}
span {
	color: brown;
}
.red {
	font-size: 60px;
	border: 5px solid black;
	border-style: double;
	font-family: 'Dancing Script', cursive;
	color: #a52a2a;
}

button {
	margin-left: 50px;
	border: none;
	border-radius: 30%;
	border: 5px solid black;
	border-style: double;
}


canvas {

    vertical-align: bottom;
} 


#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

@media all and (max-width:800px) {
	h1 {
		font-size: 40px;
	}
	.christmas {
		width: 45% ;
	}

	button {
		margin-left: 200px;

	}
}


@media all and (max-width:500px) {
	h1 {
		font-size: 30px;
	}
	.christmas {
		width: 70%;
	}

	button {
		margin-left: 180px;

	}
}