body {
	background: transparent;
	-ms-overflow-style: none;
	scrollbar: none;
	text-align: center;
}

::-webkit-scrollbar {
	display: none;
}

table {
	background: rgb(255, 246, 231);
	width: 250px;
	border-radius: 10px;
	border: 1px solid white;
	margin: auto;
}

td {
	background: #fff4ca;
	border-radius: 7px;
	box-shadow: 1px 1px 1px white inset, -1px -1px 1px #f5df8c inset;
	border: 1px solid #f5df8c;
}

.week {
	font-weight: bold;
	color: #bb7150;
	background: #ffe1c5;
	border-radius: 7px;
	text-shadow: 1px 1px 1px white;
}

.month {
	background: pink;
	text-align: center;
}

p {
	margin-bottom: 30px;
}

p a {
	border-radius: 5px;
	padding: 1px 3px;
}

a {
	overflow: hidden;
	cursor: help;
	padding: 1px;
	background: #ffc0cb;
}

td a {
	padding: 0px;
	border-radius: 5px;
	display: block;
	text-shadow: 1px 1px 1px grey;
}

td a:hover {
	background: pink;
}

td a:focus {
	background: #e0def2;
}

@media only screen and (max-width: 600px) {
	.hide {
		display: none;
	}
}

@media only screen and (max-width: 213px) {
	table {
		width: 100%;
	}
}