Small fix.
<!DOCTYPE html>
<html>
<head>
<title>Colors for article.</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0"/>
<meta charset="utf-8"/>
<style>
.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}
.ask {
margin-bottom: 1.2em;
}
span.headword {
font-weight: bolt;
}
.pron {
color: magenta;
}
.pos {
color: green;
font-style: italic;
}
.lang {
color: red;
font-style: italic;
}
.topic {
color: #B04080;
}
.ant {
color: #404080;
}
.syn {
color: #804040;
}
.rel {
color: #604080;
}
.hyper {
color: #600080;
}
.hypo {
color: #606080;
}
.attrs {
color: blue;
}
span.ex {
font-style: italic;
font-size: .85em;
}
div.glos .lang {
color: brown;
}
span.glos {
font-size: .95em;
}
.del {
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<div style="card">
<div clsas='headword'>
<span clsas='headword'>smell</span> <span class='pron'>[smel]</span><span class='attrs'>«v1»</span>
<span clsas='headword'>smelled</span> <span class='pron'>[smelt]</span><span class='attrs'>«Am»</span>, <span class='attrs'>«v2»</span>, <span class='attrs'>«v3»</span>
<span clsas='headword'>smelt</span> <span class='pron'>[smelt]</span><span class='attrs'>«Br»</span>, <span class='attrs'>«v2»</span>, <span class='attrs'>«v3»</span>
</div>
<div class='sense'>
<div class='sense'>
<span class='pos'>v</span> <span class='hypo'>hypo: stink</span>
<span class='lang'>ru</span> <span class='tr'>пахнуть</span>
<span class='lang'>uk</span> <span class='tr'>пахнути</span>
</div>
<div class='sense'>
<span class='pos'>v</span>
<span class='lang'>ru</span> <span class='tr'>нюхать</span>
<span class='lang'>uk</span> <span class='tr'>нюхати</span>
</div>
</div>
</body>
</html>