.leaflet-marker-icon {
    border: 2px solid black;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: inline-block;
}

div.mapLegend div.markers div {
    width: 10px;
    height: 10px;
	border: 2px solid black;
    border-radius: 50%;
	display: inline-block;
	margin-right: 0.3em;
}

div.mapLegend
{
    display: grid;
    grid-template-columns: 200px 200px;
}

.MarkerZero {
    background: White;
}

.MarkerOne {
    background: red;
}

.MarkerTwo {
    background: yellow;
}

.MarkerThree {
    background: orange;
}

.MarkerFive {
    background: brown;
}

.MarkerTen {
    background: green;
}

.MarkerTwenty {
    background: blue;
}