body,
nav,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li {
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: unset;
}

html {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

/**         HEADER         */

.header_banner h1,
.header_banner li {
    color: rgb(77, 86, 117);
}

div.header_banner {
    background-color: rgb(227, 231, 241);
    padding: 17px 20px 20px 20px;
    box-shadow: 0px -11px 19px rgb(190, 194, 209);

}

div.header_banner,
ul {
    display: flex;
    justify-content: space-between;
}

li {
    list-style: none;
    margin: 10px;
    border-bottom: 1px solid transparent;
    /* color: rgb(97, 106, 139); */
    transition: all 0.3s ease-in-out 0.03s;
}

/* li:hover убран: правило осталось от старой вёрстки со списком-меню,
   которого в игре давно нет. Единственный <li> теперь — строка на доске
   почёта, и она получала чужой ховер с подчёркиванием и сменой цвета */

/**  */

.main_container {
    width: 400px;
    height: 200px;
    margin: 50px auto;
    background-color: rgb(227, 231, 241);
    border-radius: 6px;
    box-shadow: 0px 6px 12px rgb(180, 186, 207);
}

.questions_container,
.answers_container {
    width: 320px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    justify-content: center;

}

.answer_button {
    width: 100px;
    height: 80px;
    margin: 5px;
}
.question {
    margin-top: 25px;
}

tr {
    height: 25px;;
}



/*tr.thead_header,*/
/*.thead_header td,*/
/*.sum_row td,*/
/*.thead td {*/
/*    font-size: 1.1em;*/
/*    font-weight: bold;*/
/*    background-color: rgb(227, 231, 241);*/
/*}*/




/*// DICE */







.highlight_button {
    opacity: 0.5;
}

/* ============================================
   ИГРА, А НЕ СТРАНИЦА

   Картинку на веб-странице можно схватить и потащить — браузер
   покажет призрак и курсор «перенос». В игре это выглядит поломкой,
   и ловится оно легче всего на кубике: по нему кликают весь ход.

   Двойной клик по тетради так же выделял числа синим.
   ============================================ */
img {
    /* Chrome и Safari. У Firefox своего свойства нет, там помогает
       атрибут draggable="false", он проставляется в js/main.js */
    -webkit-user-drag: none;
    user-select: none;
}

body {
    user-select: none;

    /* Долгое нажатие на телефоне вызывало меню «сохранить картинку» */
    -webkit-touch-callout: none;
}

/* Раньше здесь текст «Премудростей» разрешалось выделять — думали,
   оттуда захотят скопировать правило. Убрано: требование 1.6.2.7
   не делает исключений ни для каких частей игрового поля, а спорить
   с модерацией из-за возможности скопировать абзац незачем */