body {
	--fonts: "Trebuchet MS", "Arial", sans-serif;
	--tree: #e686c2;
	background-color: #222;
	color: white;
	font-family: var(--fonts);
	font-size: 13px;
}
#banner { margin: 0 10px 0 0; position: fixed; top: 10px; left: 10px;z-index: 2; }
.toggle { position: fixed; left: 130px; top: 16px; z-index: 2; }
label.toggle { left: 150px; top: 17px; z-index: 2; }
.blocker { width: 100%; height: 50px; z-index: 1; position: fixed; left: 0px; top: 0px; background-color: #222; }
.blocker ul { padding: 6px 0 0 300px; margin: 0; max-width: 710px; align-content: center; }
.blocker li { list-style-type: none; width: 180px; float: left; }
.main { display: grid; grid-template-columns: 610px 500px; gap: 10px; margin-top: 30px; }
.info { background-color: #ccc; color: #000; padding: 5px; }
.info h2 { margin: 10px 0 5px 0; }
.info p:first-child { margin: 0; }
.info p { margin: 5px 0; }
.info ul { padding: 0 0 0 10px; margin: 0 0 10px 5px; }
.info li { list-style-type: none; }
.info input { margin: 0; position: relative; top: 1px; }
.info :checked + ul,
.info input:not(:checked) + ul + br + br,
.info input:not(:checked) + ul + br
	{ display: none; }
.sector:not(:last-child) { margin-bottom: 10px; }
.sector { border: 5px dotted #666; position: relative; }
.sector svg { position: absolute; top: 0; left: 0; }
.sector svg path { stroke: var(--tree); stroke-width: 3px; fill: transparent; }
.sector svg text { font-size: 16px; font-family: var(--fonts); fill: var(--tree); text-shadow: 0px 0px 5px var(--tree); }
.sector svg text.arrow { font-size: 30px; text-shadow: none; }
.town { position: absolute; top: 0; left: 0; }
/* .town:hover, svg text:hover { filter: brightness(1.5); } */
#weeklies:checked ~ .main .info .weekly { color: rgba(75, 75, 75, 0.25); text-decoration: line-through; }
#weeklies:checked ~ .main path.weekly,
#weeklies:checked ~ .main text.weekly,
#weeklies:checked ~ .main img.weekly, 
#weeklies:not(:checked) ~ .main path.daily,
#weeklies:not(:checked) ~ .main text.daily,
#weeklies:not(:checked) ~ .main img.daily
	{ display: none; }