@font-face{font-family:"Gelasio";src:url(assets/fonts/Gelasio-Regular.ttf) format("truetype");font-style:normal;font-weight:normal}*{padding:0;margin:0;border:0}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;min-height:100vh;width:100%;font-size:100%;font-family:Gelasio;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;position:relative}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:none;text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}.bigred{font-size:20px;color:red}.overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:rgba(41,41,41,.4)}.main_container{display:-webkit-box;display:-ms-flexbox;display:flex;-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;background-color:rgba(230,26,26,.4);background:rgba(230,26,26,.4) url(assets/images/catbackground.png) 5% 90%/auto 30% no-repeat;gap:30px;height:100%;position:relative}.main_container_light{background:#fff url(assets/images/catbackground.png) 5% 90%/auto 30% no-repeat}.header{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:10px;background-color:#e61a1a;color:#fff;font-size:200%}.header_light{background-color:#ffd4f1;color:#000}@media screen and (max-width: 700px){.main_container{gap:10px}.header{font-size:120%}}.main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.game{display:-webkit-box;display:-ms-flexbox;display:flex;-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;gap:15px;padding-left:10px;padding-right:10px}@media screen and (max-width: 900px){.game{gap:15px;padding-left:8px;padding-right:8px}}@media screen and (max-width: 700px){.game{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}}.nonograms_settings_field{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.name{font-style:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:bold;border:2px solid #fff;border-radius:15px;color:#fff;background-color:#e61a1a}.name_light{background-color:#ffd4f1;color:#000;border:2px solid #000}.timer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:bold;border:2px solid #000;border-radius:15px}.settings_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:bold;border:2px solid #000;border-radius:15px;cursor:pointer}.settings_item:hover{background-color:#fff}.settings_item_light:hover{background-color:#ffd4f1}.nonograms_game_field{display:grid;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;grid-template-columns:auto auto;grid-template-rows:auto auto}.empty_field{background-color:rgba(230,26,26,.8)}.empty_field_light{background-color:#ffd4f1}.top_field{display:grid;grid-auto-flow:row-reverse;border-left:2px solid #cac6c6;border-top:2px solid #cac6c6;border-right:2px solid #cac6c6}.top_field_light{background-color:#ffe7f1}.left_field{display:grid;border-left:2px solid #cac6c6;border-top:2px solid #cac6c6;border-bottom:2px solid #cac6c6}.left_field_light{background-color:#ffe7f1}.main_field{display:grid;border:2px solid #000}.main_field_light{background-color:#ffe7f1}.main_cell{width:25px;height:25px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(202,198,198,.7);background-color:#fff;cursor:pointer;font-weight:bold;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;color:hsla(0,0%,100%,0);-webkit-transition:all .5s ease;transition:all .5s ease}.main_cell_light{background-color:#ffe7f1}.main_cell_filled{background-color:#000}.hint_top_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.hint_left_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.left_hint{width:25px;height:25px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(202,198,198,.7);background-color:#fff;cursor:pointer;font-weight:bold;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;color:#000}.left_hint_light{background-color:#ffe7f1}.top_hint{width:25px;height:25px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(202,198,198,.7);background-color:#fff;cursor:pointer;font-weight:bold;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;color:#000}.top_hint_light{background-color:#ffe7f1}.border_bottom{border-bottom:2px solid #cac6c6}.border_right{border-right:2px solid #cac6c6}.cross{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:25px;height:25px;top:.5px;left:.5px}.line_one{position:absolute;top:10px;left:-1px;width:25px;height:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#000}.line_two{position:absolute;top:10px;left:-1px;width:25px;height:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#000}.footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;background-color:#e61a1a;color:#fff;font-size:150%}.footer_light{background-color:#ffd4f1;color:#000}.finish_window{position:fixed;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:5;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;gap:10px;background-color:#e61a1a;color:#fff;padding:10px;border-radius:15px;border:outset 3px #fff}.finish_window_light{background-color:#ffd4f1;color:#000}.finish_text{font-weight:bold;text-align:center;max-width:200px}.finish_close{padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:outset 3px #fff;cursor:pointer}.last_window{position:fixed;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:5;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;gap:10px;background-color:#e61a1a;color:#fff;padding:10px;border-radius:15px;border:outset 3px #fff}.last_window_light{background-color:#ffd4f1;color:#000}.last_text{font-weight:bold;text-align:center;max-width:200px}.last_choice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.last_button{padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:outset 3px #fff;cursor:pointer}.levels_widow{position:fixed;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:5;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;gap:15px;background-color:#e61a1a;color:#fff;padding:10px;border-radius:15px;border:outset 3px #fff}.levels_window_light{background-color:#ffd4f1;color:#000}.levels_item{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;gap:10px}.level_title{font-weight:bold;text-align:center}.level_variants{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.image_name{padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #fff;border-radius:3px;cursor:pointer}.image_name_play{background-color:#fff;color:#e61a1a}.image_name:hover{background-color:#fff;color:#e61a1a}.image_name_light:hover{background-color:#fff;color:#000}.image_name_play_light{background-color:#fff;color:#000}.level_close{padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:outset 3px #fff;border-radius:3px;cursor:pointer}.results_table{position:fixed;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:5;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;gap:15px;background-color:#e61a1a;color:#fff;padding:10px;border-radius:15px;border:outset 3px #fff}.results_table_light{background-color:#ffd4f1;color:#000}.results_title{font-weight:bold;text-align:center}.results_hat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hat_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-weight:bold;border:1px solid #fff;padding:5px 10px;width:100%}.table{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}.table_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #fff;width:100%}.table_item_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:5px 10px}.results_close{padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:outset 3px #fff;border-radius:3px;cursor:pointer}.sound_image{width:26px;height:26px}.sound_off{background-color:#fff}.sound_off_light{background-color:#ffd4f1}.footer_item{padding:10px}@media screen and (max-width: 700px){.footer{font-size:100%}}.github{cursor:pointer;color:#fff}.github_light{color:#000}span{font-weight:bold}.modal-window{position:fixed;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:5;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;gap:10px;background-color:#ff8256;color:#fff;padding:10px;border:outset 3px #fff}.text-result{font-weight:bold}.text-decision{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.text-button{padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:outset 3px #fff;cursor:pointer}