highlight topo element

by Ryan

HTML

<svg>
    <path class="one" d="M376.23634859941757,201.92097076640528L382.73712244321473,202.4569986016113L391.7423762035829,203.14648513286863L395.7461737165008,203.43326953114286L396.2537453996031,203.3673551883063L401.76006629496237,203.73982040559838L401.753448988454,203.8407605330034L404.2570142920009,204.0025122460072L403.06112121350355,222.7880048899491L399.45738305368883,279.39674183234627L396.2823041504586,279.19100250830604L392.58557785632945,278.84082272969124L385.1808366402354,278.31324610878175L383.60205615935274,278.0940893768337L383.59447572246694,278.1951005706916L378.30759158512734,277.7883021906749L367.7386210146117,276.9148176571847L367.2015860568465,276.9699633957722L358.7510248233271,276.2104649703954L354.5275038656738,275.8115695579512L354.0093640237708,275.6599822808507L344.5120202341501,274.7123031674272L339.7658191630507,274.2142571180584L339.7550765324372,274.3149809452068L328.15976868703035,273.02954886976613L328.17134785016447,272.9289177788995L316.5879565169695,271.5472856049156L307.6452492590535,270.4137682528702L296.60871784727954,268.93430726391284L299.9068623858798,245.05034576588696L299.44621282636297,244.5775635705844L299.94645663967907,240.9650493410827L300.48888869020243,240.83552325565825L300.057619878929,240.16228322404538L300.2521533795906,238.7574581756429L300.7937510138265,238.62782134495728L306.9290859313662,194.1979604844014L314.8850030204055,195.27210918907656L325.834690974442,196.67052399484453L326.3450369087538,196.63152731024047L337.8040870585246,197.99174472385198L340.7840519853647,198.43073736487725L350.76095788435515,199.51006369083825L362.24409142545244,200.65808216044445L370.7378043484393,201.44248343013555Z" />
    <path class="two"...

CSS

.one {
    stroke: white;
    stroke-location:inside;
    stroke-width: 2.0;
    fill: #aaaaaa;
}

.two {
    stroke: #00cc00;
    stroke-location:inside;
    stroke-width: 2.0;
    fill: #444444;
}