html,
 body {
 background-color: #FFFFFF;
 border: 0;
 margin: 0;
 padding: 0;
 color: #fff;
 font-family: Calibri;
 }

 p {
 -webkit-margin-before: 0.31em;
 -webkit-margin-after: 0.31em;
 }

 h3 {
 -webkit-margin-before: 0.31em;
 -webkit-margin-after: 0.31em;
 }

 .clr {
 border: 0;
 margin: 0;
 padding: 0;
 }

 #settings {
 background: #292929;
 color: #fff;
 border-top: 5px solid #fce485;
 font-size: 18px;
 padding: 10px 0;
 }

 #settings h2 {
 font-size: 30px;
 display: inline-block;
 padding: 0;
 }

 #settings input,
 select,
 #settings button {
 display: inline-block;
 vertical-align: middle;
 }

 #settings input,
 select {
 text-align: center;
 margin-top: 5px;
 margin-bottom: 5px;
 border-radius: 5px;
 width: 30px;
 height: 30px;
 font-size: 18px;
 }

 #numotvet {
 border: 1px solid #cccccc; //цвет рамки
 border-radius: 3px; //закругление углов (общее)
 -webkit-border-radius: 3px; //закругление углов (Google Chrome)
 -moz-border-radius: 3px; //закругление углов (FireFox)
 -khtml-border-radius: 3px; //закругление углов (Safari)
 background: #ffffff !important; // желательно прописывать, так как в Chrome при сохранных данных оно может быть желтым
 outline: none; // удаляет обводку в браузерах хром(желтая) и сафари(синяя)
 color: #cccccc; //цвет шрифта в обычном состоянии
 font-weight: bold width:220px;
 height: 50px;
 font-size: 24px;
 }

 #settings .widthinput::-webkit-outer-spin-button,
 #settings .widthinput::-webkit-inner-spin-button,
 #settings .swidthinput::-webkit-outer-spin-button,
 #settings .swidthinput::-webkit-inner-spin-button,
 #numotvet::-webkit-outer-spin-button,
 #numotvet::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
 }

 #settings label {
 text-align: center;
 vertical-align: middle;
 font-size: 24px;
 }

 #settings .btext {
 font-size: 32px;
 }

 #settings .widthinput {
 width: 67px;
 height: 25px;
 }

 #settings .swidthinput {
 width: 60px;
 height: 25px;
 }

 #settings div {
 margin: 0 30px 0 30px;
 display: inline-block;
 text-align: left;
 }

 a.knopka {
 font-size: 100%;
 color: #fff;
 /* цвет текста */
 text-decoration: none;
 /* убирать подчёркивание у ссылок */
 user-select: none;
 /* убирать выделение текста */
 background: rgb(212, 75, 56);
 /* фон кнопки */
 padding: .5em 1.1em;
 /* отступ от текста */
 outline: none;
 /* убирать контур в Mozilla */
 text-align: center;
 }

 a.knopka:hover {
 background: rgb(232, 95, 76);
 }

 /* при наведении курсора мышки */

 a.knopka:active {
 background: rgb(152, 15, 0);
 }

 /* при нажатии */

 #btn {
 display: none!important;
 }

 #workGround {
 color: #000;
 font-size: 36pt;
 }

 #workGround div {
 text-align: left;
 }

 .hd {
 text-align: center;
 }

 .mtext {
 padding-left: 4%;
 padding-right: 3%;
 }

 @media (max-width: 800px) {
 #settings input,
 select {
 margin-top: 3px;
 margin-bottom: 3px;
 border-radius: 3px;
 width: 24px;
 height: 24x;
 font-size: 16px;
 }
 #numotvet {
 border-radius: 3px;
 width: 160px;
 height: 40px;
 font-size: 22px;
 }
 #settings label {
 font-size: 22px;
 }
 #settings div {
 margin: 0 18px 5px 18px;
 }
 #settings .widthinput {
 width: 43px;
 height: 22px;
 }
 #settings .swidthinput {
 width: 40px;
 height: 22px;
 }
 #settings .btext {
 font-size: 28px;
 }
 #h2settings {
 display: none!important;
 }
 #btn {
 display: block!important;
 }
 #settings {
 font-size: 17px;
 padding: 8px 0;
 }
 a.knopka {
 font-size: 111%;
 padding: .5em 1.1em;
 /* отступ от текста */
 }
 #workGround {
 font-size: 30pt;
 }
 }
 @media (max-width: 500px) {
 #settings input,
 select {
 margin-top: 2px;
 margin-bottom: 2px;
 border-radius: 2px;
 width: 16px;
 height: 18px;
 font-size: 14px;
 }
 #settings label {
 font-size: 14px;
 }
 #settings div {
 margin: 0 8px 4px 4px;
 }
 #settings .widthinput {
 width: 33px;
 height: 16px;
 }
 #settings .swidthinput {
 width: 30px;
 height: 16px;
 }
 #settings .btext {
 font-size: 18px;
 }
 #h2settings {
 display: none!important;
 }
 
 #btn {
 display: block!important;
 }
 #settings {
 font-size: 14px;
 padding: 6px 0;
 }
 a.knopka {
 font-size: 90%;
 }
 #workGround {
 font-size: 26pt;
 }
 }