* { box-sizing: border-box; }
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
	font-family: Helvetica, sans-serif;
	padding: 12px;
}
p {
	/* text color */
	color: #5c5a5a;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: initial;
}
h2 {
	font-size: 22px;
	margin-bottom: 1em;
}
a {
	/* links color */
	color: #000000;
}
#days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: repeat(auto-fit, 1fr);
	grid-gap: none;
	max-width: 800px;

}
#days a {
	border: .90px solid rgb(0, 0, 0);
	/* border-radius: 8%; */
	height: 100px;
	padding: .60em;
	/* number color */
	color: #000000;
	text-decoration: none;
	/* day color *
    /* background: #eeebeb; */
}
#days a[href]::after {
	content: '';
	/* dot color */
	background: #656565;
    /* #c3d39c; */
	width: 10px;
	height: 10px;
	margin-left: 8px;
	border-radius: 100%;
	display: inline-block;
}
#days a:hover {
	/* day hover color */ 
	background: #c1c1c1;
    ;
	/* number color hover */ 
	color: #ffffff;
	}
.return {
	background: #c1c1c1;
	padding: 8px;
	/* border-radius: 5px; */
	color: black;
	font-family: Helvetica, sans-serif;
	text-decoration: none;
}	
.return:hover {
	background: white;
	color: black;
}
.title {
    text-decoration: none;
}
.title:hover {
    text-decoration: underline;
}