body {background-color: #d7d5e0;}
div {background-color: #bcb6d3; border-radius: 30px; font-family:Fantasy;}
h1 {color: white;}
h2 {color: blue; text-align: center;}
p {font-size:100%; text-align: center;}
article {text-align: center;}
#anouncements {background-color: black; border-radius: 100px; color: white;}
ul {display:inline-block}
header {background-color:#bcb6d3; border-radius: 30px; font-family:sans-serif;}
footer {background-color:#bcb6d3;}
#title {font-family:sans-serif; display:inline-block}


/* 🌞 FANCY SUMMER COUNTDOWN */

.summer-countdown{
	width: 700px;
	margin: auto;
	padding: 20px;
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.1));
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	font-family: sans-serif;
}

.sc-title{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}

.sc-subtitle{
	font-size: 14px;
	margin-bottom: 15px;
}

.sc-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.sc-box{
	background: rgba(0,0,0,0.15);
	border-radius: 15px;
	padding: 15px;
}

.sc-num{
	font-size: 36px;
	font-weight: bold;
}

.sc-label {
	font-size: 14px;

}