html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::after,*::before{-webkit-box-sizing:inherit;box-sizing:inherit}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}ul[class]{list-style:none}img{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{text-decoration:none}html,body{height:100%}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.container{max-width:1200px;margin:0 auto;padding:0 15px}.btn,.btn_del,.btn_ok{cursor:pointer;background-color:#54627D;border:none;border-radius:3px;color:#fff;font-weight:700;font-size:32px;-webkit-transition:0.3s all;transition:0.3s all}.btn:hover,.btn_del:hover,.btn_ok:hover{opacity:0.87}.btn:focus,.btn_del:focus,.btn_ok:focus{outline:none}.btn_menu,.btn_del_menu,.btn_ok_menu{margin:0 auto;margin-top:10px;font-size:32px;font-weight:700;text-transform:uppercase;border-radius:0;width:100%;max-width:600px;height:80px}.btn_menu:hover,.btn_del_menu:hover,.btn_ok_menu:hover{background-color:#54627D}.btn_theme,.btn_del_theme,.btn_ok_theme{width:120px;height:40px;font-size:24px}.menu{height:calc(100vh - 50px);margin:0 auto;max-width:500px;padding:10px 10px;display:none}.menu__wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu_active{display:block}.app{height:calc(100vh - 50px);max-width:500px;margin:0 auto;display:none;padding:10px 10px}.app__wrapper{height:25%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app__wrapper input{color:#fff;background-color:#282c34;border:none;margin-left:15px;font-size:36px;font-weight:500;width:90px}.app__problem{display:block;text-align:center;font-size:36px}.app__btns{height:65%;margin:0 auto;min-height:300px;max-width:700px;display:-ms-grid;display:grid;gap:3px;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4, 1fr)}.app__stats{height:10%;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app_active{display:block}.settings{display:none;height:calc(100vh - 50px);margin:0 auto;max-width:500px;padding:10px 10px}.settings__wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.settings__level{padding-bottom:40px}.settings__level select{border:none;font-size:20px;font-weight:700;text-transform:uppercase;width:150px;height:50px}.settings__name{font-size:24px;font-weight:500;text-align:center;padding-bottom:10px}.settings_active{display:block}.about{display:none;height:calc(100vh - 50px)}.about__wrapper{height:100%;padding:10px 10px;max-width:500px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.about__info{font-size:18px;font-weight:300}.about__author{margin-top:40px;-webkit-text-decoration:wavy;text-decoration:wavy;font-size:16px}.about__author a{color:#9a4ce4;font-weight:700}.about_active{display:block}@media (min-width: 360px){body .app__problem{font-size:38px}body .app input{font-size:38px}}@media (min-width: 400px){body .app__problem{font-size:44px}body .app input{font-size:44px}}@media (min-width: 440px){body .app__problem{font-size:48px}body .app input{font-size:48px}}@media (min-width: 480px){body .app__problem{font-size:52px}body .app input{font-size:52px}body .app__stats{font-size:20px}}@media (min-width: 480px){body .app__problem{font-size:52px}body .app input{width:115px;font-size:52px}body .app__stats{font-size:20px}}@media (min-width: 900px){body .app{max-width:700px}body .app__problem{font-size:52px}body .app input{width:115px;font-size:52px}body .app__stats{font-size:20px}}@media (min-width: 1200px){body .app{max-width:600px}body .app__problem{font-size:60px}body .app input{width:130px;font-size:60px}body .app__stats{font-size:20px}}*{font-family:Arial, Helvetica, sans-serif}body{color:#fff;background-color:#282c34;height:100vh}.header{background-color:#54627D;width:100%;height:50px;padding:10px 0;cursor:pointer}.header__logo{color:#fff;font-size:24px;text-align:center;font-weight:700;text-transform:uppercase}