style.css

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,300&subset=latin,cyrillic);
body {
    width:640px;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    background: #fff;
    height:425px;
}
div#wrap {
    height:100%;
}
div.user {
    width:50px;
    height:50px;
    margin: 0 auto;
    border: 3px solid #34495E;
    border-radius: 40px;
    background: url('ava.jpg');
}
div.head {
    width:410px;
    height:40px;
    margin: 0 auto;
    background:transparent;
    line-height: 40px;
    padding: 15px 8px;
    text-align: center;
}
h1 {
    padding: 0;
    margin:0px 0px;
    font-size: 36px;
    color:#2980b9;

}
div.content {
    margin: 15px 0px 5px 0px;
    width:85%;
    margin: 0 auto;
    text-align: justify;
    height:250px;
}
.padtop {
    padding-top:25px;
    height:225px !important;
}
div.question {
    padding-top: 20px;
    text-align: center;
    font-size:18px;
    height: 50px;
}
.number-bar {
    display: block;
    text-align: center;
    color: rgb(128, 128, 128);
}
.number-bar .box {
    display: inline-block;
    width:15px;
    height:15px;
    background: #95A5A6;
    border-radius: 10px;
}
.box.active {
    background: #2C3E50; 
}
.box.passed {
    background: #7F8C8D;   
}
div.question .text {
    display: block;
    width:100%;
}
div.answer {
    width:340px;
    margin: 15px auto;
}
div.answer ul {
    margin: 0;
    padding: 0;
}

div.answer ul li {
    text-align: center;
    list-style: none;
    height: 18px;
    line-height:13px;
    display: block;
    margin: 10px;
    color: #ECF0F1; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    background: #2C3E50;
    padding: .7em 1.5em; /* отступ от текста */
    outline: none; /* убирать контур в Mozilla */
    font-variant: small-caps;
    border-radius: 10px;
    font-size:18px;
}
div.answer ul li:hover {
    background: #2980b9; /* фон кнопки */
    cursor: pointer;
    color:#ecf0f1;
}
div.answer ul li:active {
  background: rgb(27, 49, 64); /* фон кнопки */
}
div.hint {
    text-align: center;
    font-size:13px;
    font-style:italic;
    color:rgb(128,128,128);
    padding: 5px 0px;
}