Наши достижения

HTML

<body>
<div class="content"><div class="nvg">
<ul class="main-menu">
<li><a href="dfgv">команда</a></li>
<li class="active"><a href="ojoij">наши достижения</a></li>
<li><a href="sdc">абитуриенту</a></li>
<li><a href="sf">лицеисту</a></li>
<li><a href="ofj">платные услуги</a></li>
<li><a href="rtq">интернет-олимпиада</a></li>
<li><a href="oafrgqj">вакансии</a></li>
</ul>
</div>
</div>
</body>

CSS

@import 'https://fonts.googleapis.com/css?family=Roboto';
body {background-color:white;}
.content {border-left:20px solid #EBEBEB;padding:10px 0 10px 30px;}
.nvg {border-top:1px dotted black; width:180px;padding-left:0px;}
ul {padding-left:0px; list-style:none;}
li { text-transform:uppercase; font-size:12px;}
.main-menu a {display:block; text-decoration: none; padding:10px 20px; color:black; font-family: 'Roboto', sans-serif; font-weight:bold;}
 a:hover {background-color:#f5f5f5;}
 .active a {color:white; background-color: #BF0A28;}