#calendar {
	margin: auto;
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 0.5vw;
	max-width: 0vw;
	justify-content: center;
}

#month {
	margin: auto;
	font-size: 40px;
}



.day, .weekday {
	position: relative;
	width: 4.4vw;
	height: 4.4vw;
	background-color: #26292F;
	color: #FFFFFF;
	font-size: 2vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.day {
	font-weight: bold;
}

.blank, .outofrange {
	opacity: 0.3;
}

.today {
	outline: 2px solid #FFFFFF;
}

.long {
	background-color: #191C22;
	box-shadow: inset 0 0 0 0.4vw #24272D;
}



.marker {
	position: absolute;
	width: 110%;
	height: 22%;
	background: #505050;
	color: #FFFFFF;
	font-size: 0.75vw;
	border-radius: 1vw;
}

.markerleft {
	right: 39%;
	transform: rotate(-90deg);
}

.markerright {
	left: 39%;
	transform: rotate(90deg);
}



.calendarholidayicon {
	position: absolute;
	top: 4%;
	right: 4%;
	width: 20%;
}