From c94d5cf26286bfa16634b194c72d7d62f8fdfba7 Mon Sep 17 00:00:00 2001 From: Herman Schechkin Date: Sun, 9 Oct 2022 14:15:24 +0300 Subject: [PATCH] Minified all css in app/static/css/ folder --- app/static/css/circle_loader.css | 77 +- app/static/css/media.css | 223 +---- app/static/css/styles.css | 1330 +----------------------------- 3 files changed, 3 insertions(+), 1627 deletions(-) diff --git a/app/static/css/circle_loader.css b/app/static/css/circle_loader.css index c514d4b..e76f17f 100644 --- a/app/static/css/circle_loader.css +++ b/app/static/css/circle_loader.css @@ -1,76 +1 @@ -.circle-loader-div { - z-index: 10; - position: absolute; - transform: translateX(-50%); - left: 50%; -} -.circle-loader { - box-shadow: 0 0 35px 0 rgba(24, 24, 24, 0.3); - background-color: white; - border: 2px solid rgba(0, 0, 0, 0.2); - border-left-color: #5cb85c; - animation: loader-spin 1.2s infinite linear; - position: relative; - display: inline-block; - vertical-align: top; - border-radius: 50%; - width: 7em; - height: 7em; -} -.load-complete { - -webkit-animation: none; - animation: none; - border-color: #5cb85c; - transition: border 500ms ease-out; -} -.checkmark { - display: none; -} -.checkmark.draw:after { - animation-duration: 800ms; - animation-timing-function: ease; - animation-name: checkmark; - transform: scaleX(-1) rotate(135deg); -} -.checkmark:after { - opacity: 1; - height: 3.5em; - width: 1.75em; - transform-origin: left top; - border-right: 3px solid #5cb85c; - border-top: 3px solid #5cb85c; - content: ''; - left: 1.75em; - top: 3.5em; - position: absolute; -} -@keyframes loader-spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} -@keyframes checkmark { - 0% { - height: 0; - width: 0; - opacity: 1; - } - 20% { - height: 0; - width: 1.75em; - opacity: 1; - } - 40% { - height: 3.5em; - width: 1.75em; - opacity: 1; - } - 100% { - height: 3.5em; - width: 1.75em; - opacity: 1; - } -} +.circle-loader-div{z-index:10;position:absolute;transform:translateX(-50%);left:50%}.circle-loader{box-shadow:0 0 35px 0 rgba(24,24,24,0.3);background-color:#fff;border:2px solid rgba(0,0,0,0.2);border-left-color:#5cb85c;animation:loader-spin 1.2s infinite linear;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:7em;height:7em}.load-complete{-webkit-animation:none;animation:none;border-color:#5cb85c;transition:border 500ms ease-out}.checkmark{display:none}.checkmark.draw:after{animation-duration:800ms;animation-timing-function:ease;animation-name:checkmark;transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;height:3.5em;width:1.75em;transform-origin:left top;border-right:3px solid #5cb85c;border-top:3px solid #5cb85c;content:'';left:1.75em;top:3.5em;position:absolute}@keyframes loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%{height:3.5em;width:1.75em;opacity:1}100%{height:3.5em;width:1.75em;opacity:1}} \ No newline at end of file diff --git a/app/static/css/media.css b/app/static/css/media.css index f4912cf..7f77bf6 100644 --- a/app/static/css/media.css +++ b/app/static/css/media.css @@ -1,222 +1 @@ -@media screen and (max-height: 870px) { - body main section.index { - padding-top: 5vh; - } -} -@media screen and (max-height: 800px) { - body main section.index { - padding: 0; - } -} -@media screen and (max-height: 600px) { - body main section.page_error { - padding-top: 10vh; - } -} -@media screen and (max-height: 470px) { - body main section.page_error { - padding-top: 0; - } -} -@media screen and (max-height: 900px) { - body main section.feedback { - padding-top: 5vh; - } -} -@media screen and (max-height: 800px) { - body main section.feedback { - padding: 20px 0; - } -} -@media screen and (max-height: 600px) { - body main section.page_error { - padding-bottom: 30px; - } - body main section.page_error .wrapper { - margin: auto 0; - } - body main section.page_error .wrapper .page_error_message { - position: unset; - transform: unset; - } -} -@media screen and (max-width: 900px) { - body header { - height: unset; - } - body header .wrapper { - grid-template-columns: repeat(2, 1fr); - grid-template-areas: 'pos1 pos2' 'pos3 pos3'; - } - body header .wrapper .logo { - grid-area: pos1; - } - body header .wrapper .links { - grid-area: pos2; - } - body header .wrapper .switcher { - grid-area: pos3; - padding-bottom: 15px; - } - body .agreements .wrapper .inline_grid { - display: grid; - grid-template-columns: auto; - } - body .agreements .wrapper .inline_grid .text p { - text-align: justify; - } - body .agreements .wrapper .inline_grid .btn { - margin: auto; - } - body .agreements .wrapper .inline_grid .btn input[type=button] { - width: unset; - } -} -@media screen and (max-width: 770px) { - body main section.index .wrapper h1.h1-page-title { - font-size: 50px; - } - body main section.index .wrapper h2.h2-method-desc { - font-size: 26px; - } -} -@media screen and (max-width: 700px) { - body main section.index .wrapper h1.h1-page-title { - font-size: 45px; - } - body main section.index .wrapper h2.h2-method-desc { - font-size: 24px; - } -} -@media screen and (max-width: 600px) { - body #ascii-share-dialog { - width: 350px; - } - body #ascii-share-dialog h3 { - max-width: 220px; - } -} -@media screen and (max-width: 550px) { - body main section.index .wrapper .ascii-image-output .options_container .options_grid { - grid-column-gap: unset; - } - body main section.about .wrapper, - body main section.policy_cookie .wrapper, - body main section.policy_privacy .wrapper { - background-color: white; - border: 2px dashed #242424; - border-right: 0; - border-left: 0; - } - body main section.about .wrapper .text-window, - body main section.policy_cookie .wrapper .text-window, - body main section.policy_privacy .wrapper .text-window { - padding: 20px 0; - border-radius: 0; - border: 0; - } - body main section.feedback { - padding: 20px 0; - } - body main section.feedback .wrapper { - background-color: white; - border: 2px dashed #242424; - border-right: 0; - border-left: 0; - } - body main section.feedback .wrapper form.feedback-form { - padding: 20px 0; - border-radius: 0; - border: 0; - } -} -@media screen and (max-width: 550px) { - body #borders-dashed .header_and_main_together header .mobile-menu-btn { - display: unset; - } - body #borders-dashed .header_and_main_together header .mobile-menu { - display: flex; - } - body #borders-dashed .header_and_main_together header .wrapper { - grid-template-columns: unset; - grid-template-areas: 'a' 'b'; - grid-template-rows: repeat(2, auto); - } - body #borders-dashed .header_and_main_together header .wrapper .logo { - grid-area: a; - margin: 9px auto; - } - body #borders-dashed .header_and_main_together header .wrapper .logo a { - display: block; - font-size: 8vw; - } - body #borders-dashed .header_and_main_together header .wrapper .links { - display: none; - } - body #borders-dashed .header_and_main_together header .wrapper .switcher { - width: 100%; - grid-area: b; - padding: 10px 0; - } - body #borders-dashed .header_and_main_together main section.index .wrapper h1.h1-page-title { - display: none; - } - body #borders-dashed .header_and_main_together main section.index .wrapper h2.h2-method-desc { - font-size: 22px; - padding-top: 15px; - } - body #borders-dashed .header_and_main_together main section.index .wrapper .ascii-image-output .options_container .options_grid { - grid-template-columns: repeat(3, auto); - grid-column-gap: 15px; - } - body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form { - min-width: unset; - } - body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form textarea, - body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form input[type=email] { - width: 100%; - max-width: unset; - text-align: left; - } - body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement { - left: 0; - transform: translateX(29px); - } - body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement + label { - max-width: unset; - } - body #borders-dashed footer { - height: unset; - padding-bottom: 21px; - } - body #borders-dashed footer .wrapper { - grid-template-columns: repeat(2, 1fr); - grid-template-areas: 'a b'; - } - body #borders-dashed footer .wrapper .policy { - display: none; - } - body #borders-dashed footer .wrapper .GitHub { - text-align: left; - grid-area: a; - margin: auto 0; - } - body #borders-dashed footer .wrapper .language-switcher { - grid-area: b; - } -} -@media screen and (max-width: 450px) { - body #ascii-share-dialog { - width: 300px; - } - body #ascii-share-dialog h3 { - max-width: 170px; - } -} -@media screen and (max-width: 400px) { - body .wrapper .switcher { - display: inline-flex; - justify-content: space-between; - grid-column-gap: 10px; - } -} +@media screen and (max-height:870px){body main section.index{padding-top:5vh}}@media screen and (max-height:800px){body main section.index{padding:0}}@media screen and (max-height:600px){body main section.page_error{padding-top:10vh}}@media screen and (max-height:470px){body main section.page_error{padding-top:0}}@media screen and (max-height:900px){body main section.feedback{padding-top:5vh}}@media screen and (max-height:800px){body main section.feedback{padding:20px 0}}@media screen and (max-height:600px){body main section.page_error{padding-bottom:30px}body main section.page_error .wrapper{margin:auto 0}body main section.page_error .wrapper .page_error_message{position:unset;transform:unset}}@media screen and (max-width:900px){body header{height:unset}body header .wrapper{grid-template-columns:repeat(2, 1fr);grid-template-areas:'pos1 pos2' 'pos3 pos3'}body header .wrapper .logo{grid-area:pos1}body header .wrapper .links{grid-area:pos2}body header .wrapper .switcher{grid-area:pos3;padding-bottom:15px}body .agreements .wrapper .inline_grid{display:grid;grid-template-columns:auto}body .agreements .wrapper .inline_grid .text p{text-align:justify}body .agreements .wrapper .inline_grid .btn{margin:auto}body .agreements .wrapper .inline_grid .btn input[type=button]{width:unset}}@media screen and (max-width:770px){body main section.index .wrapper h1.h1-page-title{font-size:50px}body main section.index .wrapper h2.h2-method-desc{font-size:26px}}@media screen and (max-width:700px){body main section.index .wrapper h1.h1-page-title{font-size:45px}body main section.index .wrapper h2.h2-method-desc{font-size:24px}}@media screen and (max-width:600px){body #ascii-share-dialog{width:350px}body #ascii-share-dialog h3{max-width:220px}}@media screen and (max-width:550px){body main section.index .wrapper .ascii-image-output .options_container .options_grid{grid-column-gap:unset}body main section.about .wrapper,body main section.policy_cookie .wrapper,body main section.policy_privacy .wrapper{background-color:#fff;border:2px dashed #242424;border-right:0;border-left:0}body main section.about .wrapper .text-window,body main section.policy_cookie .wrapper .text-window,body main section.policy_privacy .wrapper .text-window{padding:20px 0;border-radius:0;border:0}body main section.feedback{padding:20px 0}body main section.feedback .wrapper{background-color:#fff;border:2px dashed #242424;border-right:0;border-left:0}body main section.feedback .wrapper form.feedback-form{padding:20px 0;border-radius:0;border:0}}@media screen and (max-width:550px){body #borders-dashed .header_and_main_together header .mobile-menu-btn{display:unset}body #borders-dashed .header_and_main_together header .mobile-menu{display:flex}body #borders-dashed .header_and_main_together header .wrapper{grid-template-columns:unset;grid-template-areas:'a' 'b';grid-template-rows:repeat(2, auto)}body #borders-dashed .header_and_main_together header .wrapper .logo{grid-area:a;margin:9px auto}body #borders-dashed .header_and_main_together header .wrapper .logo a{display:block;font-size:8vw}body #borders-dashed .header_and_main_together header .wrapper .links{display:none}body #borders-dashed .header_and_main_together header .wrapper .switcher{width:100%;grid-area:b;padding:10px 0}body #borders-dashed .header_and_main_together main section.index .wrapper h1.h1-page-title{display:none}body #borders-dashed .header_and_main_together main section.index .wrapper h2.h2-method-desc{font-size:22px;padding-top:15px}body #borders-dashed .header_and_main_together main section.index .wrapper .ascii-image-output .options_container .options_grid{grid-template-columns:repeat(3, auto);grid-column-gap:15px}body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form{min-width:unset}body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form textarea,body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form input[type=email]{width:100%;max-width:unset;text-align:left}body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement{left:0;transform:translateX(29px)}body #borders-dashed .header_and_main_together main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement+label{max-width:unset}body #borders-dashed footer{height:unset;padding-bottom:21px}body #borders-dashed footer .wrapper{grid-template-columns:repeat(2, 1fr);grid-template-areas:'a b'}body #borders-dashed footer .wrapper .policy{display:none}body #borders-dashed footer .wrapper .GitHub{text-align:left;grid-area:a;margin:auto 0}body #borders-dashed footer .wrapper .language-switcher{grid-area:b}}@media screen and (max-width:450px){body #ascii-share-dialog{width:300px}body #ascii-share-dialog h3{max-width:170px}}@media screen and (max-width:400px){body .wrapper .switcher{display:inline-flex;justify-content:space-between;grid-column-gap:10px}} \ No newline at end of file diff --git a/app/static/css/styles.css b/app/static/css/styles.css index 71ece18..e2ecba3 100644 --- a/app/static/css/styles.css +++ b/app/static/css/styles.css @@ -1,1329 +1 @@ -* { - box-sizing: border-box; - padding: 0; - margin: 0; - outline: none; - border: none; - box-shadow: none; -} -.hide { - display: none !important; -} -.wrapper { - background-color: #da4c5c; - max-width: 1920px; - margin: 0 auto; - padding: 0 25px; -} -.overflowVisible { - overflow: visible !important; -} -.overflowHidden { - overflow: hidden; -} -body { - font-family: 'Ubuntu', sans-serif, 'Times New Roman'; - color: #ffffff; - background-color: #da4c5c; - position: relative; -} -ul, -ol, -li { - list-style: none; -} -body, -input, -textarea { - font-family: 'Ubuntu', sans-serif, 'Times New Roman'; -} -header, -footer { - height: 60px; -} -#borders-dashed { - position: relative; - overflow: hidden; - display: flex; - min-height: 100vh; - flex-direction: column; - justify-content: space-between; -} -#borders-dashed::before { - pointer-events: none; - content: ""; - position: absolute; - left: 50%; - transform: translateX(-50%); - width: 1920px; - height: 100%; - border: 2px dashed #ffffff; - border-top: 0; - overflow: hidden; -} -a { - outline: none; - text-decoration: none; - color: #ffffff; -} -a.a_accent { - color: #e93644; -} -a.a_underline_animation, -a.a_underline_animation_small, -a.a_underline_animation_primary, -section.about .text-window a, -section.policy_privacy .text-window a, -section.policy_cookie .text-window a, -header .switcher .element p, -section.index .img2ascii-input .buttons.second_row div { - position: relative; -} -a.a_underline_animation:after, -a.a_underline_animation_small:after, -a.a_underline_animation_primary:after, -section.about .text-window a:after, -section.policy_privacy .text-window a:after, -section.policy_cookie .text-window a:after, -header .switcher .element p:after, -section.index .img2ascii-input .buttons.second_row div:after { - pointer-events: none; - background: none repeat scroll 0 0 transparent; - bottom: 0; - content: ""; - display: block; - height: 2px; - left: 50%; - position: absolute; - transform: translateY(3px); - background: #fff; - opacity: 0; - transition: width 0.2s ease 0s, left 0.2s ease 0s, opacity 0.2s ease 0s; - width: 0; -} -a.a_underline_animation:hover:after, -a.a_underline_animation_small:hover:after, -a.a_underline_animation_primary:hover:after, -section.about .text-window a:hover:after, -section.policy_privacy .text-window a:hover:after, -section.policy_cookie .text-window a:hover:after, -header .switcher .element p:hover:after, -section.index .img2ascii-input .buttons.second_row div:hover:after, -a.a_underline_animation.chosen:after, -a.a_underline_animation_small.chosen:after, -a.a_underline_animation_primary.chosen:after, -section.about .text-window a.chosen:after, -section.policy_privacy .text-window a.chosen:after, -section.policy_cookie .text-window a.chosen:after, -header .switcher .element p.chosen:after, -section.index .img2ascii-input .buttons.second_row div.chosen:after { - width: 100%; - left: 0; - opacity: 1; -} -a.a_underline_animation_small:after { - background: #ffdee0; - height: 1px; -} -a.a_underline_animation_primary:after, -section.about .text-window a:after, -section.policy_privacy .text-window a:after, -section.policy_cookie .text-window a:after { - background: #e93644; - height: 1px; -} -input, -textarea { - background-color: #ffffff; - outline: none; -} -input:invalid, -textarea:invalid { - box-shadow: none; -} -input.btn_1 { - background-color: #da4c5c; - color: #ffffff; -} -input.btn_1:hover { - background-color: #e93644; -} -input.btn_2 { - background-color: #ffffff; - color: #242424; -} -input[type=text], -textarea, -input[type=email] { - font-size: 19px; - color: #242424; - border-radius: 5px; -} -input[type=button], -input[type=submit] { - cursor: pointer; - font-size: 24px; - border-radius: 5px; -} -input[type=button]:disabled, -input[type=submit]:disabled { - background-color: #757575; -} -form p.error { - padding-top: 10px; - font-size: 15px; - color: #ff2635; - text-align: center; -} -header { - font-size: 19px; -} -header .wrapper { - display: grid; - grid-template-columns: repeat(3, 1fr); - height: 100%; -} -header .wrapper .logo { - margin: 9px 0; -} -header .wrapper .logo a { - display: inline-table; - font-size: 24px; - font-family: Pacifico, 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - transition: transform 0.2s; -} -header .wrapper .logo a:hover { - transform: scale(1.05); -} -header .wrapper .switcher { - display: inline-grid; - grid-template-columns: repeat(2, 1fr); - grid-column-gap: 20px; -} -header .wrapper .switcher .element { - margin: auto 0; -} -header .wrapper .switcher .element p { - cursor: pointer; - width: max-content; -} -header .wrapper .switcher .element:nth-of-type(1) p { - margin: 0 0 0 auto; - text-align: right; -} -header .wrapper .links { - display: inline-flex; - margin: auto 0 auto auto; -} -header .wrapper .links a { - text-align: right; - margin-right: 20px; -} -header .wrapper .links a:last-of-type { - margin-right: 0; -} -header .mobile-menu-btn { - display: none; - z-index: 101; - background-color: #ffffff; - border-radius: 50%; - box-shadow: 0 0 5px rgba(255, 255, 255, 0.5); - cursor: pointer; - height: 50px; - width: 50px; - position: fixed; - top: 10px; - right: 10px; -} -header .mobile-menu-btn li { - z-index: 100; - background-color: #e93644; - bottom: 0; - height: 2px; - left: 0; - margin: auto; - position: absolute; - right: 0; - width: 16px; - top: 0; - transition: all 0.2s ease-in-out; -} -header .mobile-menu-btn li:first-child { - transform: translate3d(0, -4px, 0); -} -header .mobile-menu-btn li:last-child { - transform: translate3d(0, 4px, 0); -} -header .menu-btn--on li { - background-color: #242424; -} -header .menu-btn--on li:first-child { - transform: rotate(135deg) translate3d(0, 0, 0); -} -header .menu-btn--on li:last-child { - transform: rotate(-135deg) translate3d(0, 0, 0); -} -header .menu-btn--on li:nth-child(2) { - opacity: 0; -} -header .menu--open { - transform: translate3d(0, 0, 0) !important; -} -header nav.mobile-menu { - display: none; - z-index: 100; - bottom: 0; - background-color: rgba(255, 255, 255, 0.95); - left: 0; - margin: 0; - position: fixed; - top: 0; - width: 100%; - transform: translate3d(100%, 0, 0); - transition: transform .2s linear; - justify-content: center; - align-items: center; -} -header nav.mobile-menu ul { - text-align: center; - width: 100%; -} -header nav.mobile-menu ul li { - display: block; - transition: 0.2s background-color; -} -header nav.mobile-menu ul li:hover { - background-color: #da4c5c; -} -header nav.mobile-menu ul li:hover a { - color: white; -} -header nav.mobile-menu ul li a { - display: block; - padding: 15px 0; - cursor: pointer; - width: 100%; - height: 100%; - background-color: transparent; - font-family: 'Ubuntu', sans-serif, 'Times New Roman'; - font-size: 19px; - color: #242424; - transition: 0.2s color; - letter-spacing: 1px; -} -main section.index { - text-align: center; - padding: 10vh 0 0 0; - margin-bottom: 20px; -} -main section.index .wrapper h1.h1-page-title { - font-size: 60px; - font-family: Pacifico, 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - padding-bottom: 20px; - font-weight: normal; -} -main section.index .wrapper h2.h2-method-desc { - font-weight: normal; - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - padding-bottom: 20px; - font-size: 30px; -} -main section.index .wrapper .file-upload__modal { - display: grid; - max-width: 350px; - margin: 20px auto; - padding: 25px 0; - border: 1px solid #ccc; - border-radius: 20px; - background-color: #fff; - box-shadow: 0 4px 6px 0 rgba(100, 100, 100, 0.1); -} -main section.index .wrapper .file-upload__modal .file-upload__modal-title { - margin-bottom: 30px; - color: #242424; - font-size: 24px; - font-weight: bold; - letter-spacing: 1.3px; - line-height: 1.5; - text-align: center; - text-transform: uppercase; -} -main section.index .wrapper .file-upload__modal .file-upload__error { - display: none; - margin: 0 25px 30px; - color: #ff2635; - font-size: 15px; -} -main section.index .wrapper .file-upload__modal .file__list { - margin: 0 25px; -} -main section.index .wrapper .file-upload__modal .file-upload__form { - display: grid; - align-content: center; - justify-content: center; - max-width: 300px; - height: 150px; - margin: 0 25px; - transition: all .2s; - border: 2px dashed rgba(233, 54, 68, 0.3); - border-radius: 15px; -} -main section.index .wrapper .file-upload__modal .file-upload__form.hovered { - border: 2px dashed #e93644; -} -main section.index .wrapper .file-upload__modal .file-upload__form:hover { - border: 2px dashed #e93644; -} -main section.index .wrapper .file-upload__modal .file__input { - display: none; -} -main section.index .wrapper .file-upload__modal .file__input-label { - width: 180px; - color: #242424; - font-size: 19px; - letter-spacing: 1.3px; - line-height: 1.5; - text-align: center; - text-transform: uppercase; -} -main section.index .wrapper .file-upload__modal .file__input-label-button { - background-color: #fff; - font-family: 'Ubuntu', sans-serif, 'Times New Roman'; - font-size: 19px; - letter-spacing: 1.3px; - line-height: 1.5; - transition: all .2s; - color: #e93644; - cursor: pointer; - border: none; - text-transform: uppercase; -} -main section.index .wrapper .file-upload__modal .file__input-label-button:hover { - color: #e93644; -} -main section.index .wrapper .file-upload__modal .file-details__container { - display: grid; - grid-template-columns: 1fr; - padding-left: 15px; -} -main section.index .wrapper .file-upload__modal .file-output__list-item { - display: grid; - width: 100%; - grid-template-columns: 1fr; - align-items: end; - margin: 0 auto 25px; - list-style: none; -} -main section.index .wrapper .file-upload__modal .file-output__list-item-name { - color: #242424; - margin-bottom: 10px; - opacity: .9; - font-size: 15px; -} -main section.index .wrapper .file-upload__modal .file-output__progress-bar { - width: 255px; -} -main section.index .wrapper .file-upload__modal .file-output__progress-bar[value] { - appearance: none; - height: 2px; -} -main section.index .wrapper .file-upload__modal .file-output__progress-bar[value]::-webkit-progress-bar { - background-color: rgba(128, 76, 92, 0.2); -} -main section.index .wrapper .file-upload__modal .progress-bar--in-progress[value]::-webkit-progress-value { - background-color: #da4c5c; -} -main section.index .wrapper .file-upload__modal .progress-bar--is-finished[value]::-webkit-progress-value { - transition: all .25s; - background-color: #e93644; -} -main section.index .wrapper form.txt2ascii-form { - margin-top: 20px; - display: block; -} -main section.index .wrapper form.txt2ascii-form input[type=submit]:disabled { - background-color: #e4e4e4; - cursor: default; -} -main section.index .wrapper form.txt2ascii-form .inline-grid_inline-text { - display: inline-grid; - border-radius: 100px; - overflow: hidden; - grid-template-columns: minmax(1px, 320px) 80px; - height: 50px; - margin: 0 auto; -} -main section.index .wrapper form.txt2ascii-form .inline-grid_inline-text input[type=text] { - text-align: left; - padding: 0 20px; - border-radius: unset; -} -main section.index .wrapper form.txt2ascii-form .inline-grid_inline-text input[type=submit] { - text-align: center; - border-radius: unset; - border-left: 2px solid #da4c5c; -} -main section.index .wrapper form.txt2ascii-form .multi-line_text { - margin: 0 auto; - max-width: 320px; -} -main section.index .wrapper form.txt2ascii-form .multi-line_text textarea { - width: 100%; - height: 77px; - margin: 0 auto; - padding: 15px 20px; -} -main section.index .wrapper form.txt2ascii-form .multi-line_text input[type=submit] { - display: block; - margin: 20px auto 0 auto; - padding: 8px 16px; -} -main section.index .wrapper form.txt2ascii-form input[type=checkbox] { - z-index: -10000; - position: absolute; - opacity: 0; -} -main section.index .wrapper form.txt2ascii-form input[type=checkbox] + label.label_checkbox { - margin: 20px auto 20px auto; - width: max-content; - cursor: pointer; - font-size: 19px; - display: block; - position: relative; -} -main section.index .wrapper form.txt2ascii-form input[type=checkbox] + label:before { - border: 1px solid #ffffff; - content: ''; - margin-right: 10px; - display: inline-block; - vertical-align: text-top; - width: 19px; - height: 19px; - background: transparent; -} -main section.index .wrapper form.txt2ascii-form input[type=checkbox]:hover + label:before { - background: rgba(255, 255, 255, 0.15); -} -main section.index .wrapper form.txt2ascii-form input[type=checkbox]:focus + label:before { - box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); -} -main section.index .wrapper form.txt2ascii-form input[type=checkbox]:disabled + label { - color: #b8b8b8; - cursor: auto; -} -main section.index .wrapper form.txt2ascii-form input[type=checkbox]:disabled + label:before { - box-shadow: none; - background: #ddd; -} -main section.index .wrapper form.txt2ascii-form input[type=checkbox]:checked + label:after { - content: ''; - background: url("../svg/tick.svg"); - position: absolute; - left: 4px; - top: 4.5px; - width: 13px; - height: 13px; - filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(237deg) brightness(103%) contrast(101%); -} -main section.index .wrapper .ascii-image-output { - padding: 20px 0; -} -main section.index .wrapper .ascii-image-output .container_slider { - width: max-content; - margin: 0 auto; -} -main section.index .wrapper .ascii-image-output .container_slider .font-size_config { - font-size: 15px; - position: absolute; - transform: translateX(-40px); -} -main section.index .wrapper .ascii-image-output .container_slider .font-size_config input { - border: 2px solid #ffffff; - background-color: transparent; - color: #ffffff; - font-size: 19px; - width: 28px; - height: 28px; -} -main section.index .wrapper .ascii-image-output .container_slider .font-size_config .font-size_cur { - padding: 5px 0; -} -main section.index .wrapper .ascii-image-output .slider-window { - background-color: #ffffff; - position: relative; - border-radius: 10px; - overflow: hidden; - margin: 0 auto; - width: 300px; - height: 400px; - border: 3px solid #ffffff; -} -main section.index .wrapper .ascii-image-output .slider-window.invert { - background-color: #242424; -} -main section.index .wrapper .ascii-image-output .slider-window.invert .ascii-art { - color: #ffffff; -} -main section.index .wrapper .ascii-image-output .slider-window.invert .image img { - background-color: #242424; -} -main section.index .wrapper .ascii-image-output .slider-window .image, -main section.index .wrapper .ascii-image-output .slider-window .ascii-art { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -main section.index .wrapper .ascii-image-output .slider-window .image { - overflow: hidden; - width: max-content; - z-index: 5; -} -main section.index .wrapper .ascii-image-output .slider-window .image img { - background-color: #ffffff; - width: 300px; -} -main section.index .wrapper .ascii-image-output .slider-window .ascii-art { - width: max-content; - height: max-content; - white-space: pre; - color: #242424; - z-index: 3; - font-size: 12px; - font-family: monospace; -} -main section.index .wrapper .ascii-image-output input[type=range] { - height: 3px; - -webkit-appearance: none; - margin: 25px 0 10px 0; - width: 100%; -} -main section.index .wrapper .ascii-image-output input[type=range]:focus { - outline: none; -} -main section.index .wrapper .ascii-image-output input[type=range]::-webkit-slider-runnable-track { - width: 100%; - height: 5px; - cursor: pointer; - animate: 0.2s; - box-shadow: 0px 0px 0px #000000; - background: #FFFFFF; - border-radius: 10px; - border: 0px solid #000000; -} -main section.index .wrapper .ascii-image-output input[type=range]::-webkit-slider-thumb { - box-shadow: 0px 0px 0px #000000; - border: 0px solid #2497E3; - height: 20px; - width: 20px; - border-radius: 50px; - background: #FFFFFF; - cursor: pointer; - -webkit-appearance: none; - margin-top: -7.5px; -} -main section.index .wrapper .ascii-image-output input[type=range]:focus::-webkit-slider-runnable-track { - background: #FFFFFF; -} -main section.index .wrapper .ascii-image-output input[type=range]::-moz-range-track { - width: 100%; - height: 5px; - cursor: pointer; - animate: 0.2s; - box-shadow: 0px 0px 0px #000000; - background: #FFFFFF; - border-radius: 10px; - border: 0px solid #000000; -} -main section.index .wrapper .ascii-image-output input[type=range]::-moz-range-thumb { - box-shadow: 0px 0px 0px #000000; - border: 0px solid #2497E3; - height: 20px; - width: 20px; - border-radius: 50px; - background: #FFFFFF; - cursor: pointer; -} -main section.index .wrapper .ascii-image-output input[type=range]::-ms-track { - width: 100%; - height: 5px; - cursor: pointer; - animate: 0.2s; - background: transparent; - border-color: transparent; - color: transparent; -} -main section.index .wrapper .ascii-image-output input[type=range]::-ms-fill-lower { - background: #FFFFFF; - border: 0px solid #000000; - border-radius: 20px; - box-shadow: 0px 0px 0px #000000; -} -main section.index .wrapper .ascii-image-output input[type=range]::-ms-fill-upper { - background: #FFFFFF; - border: 0px solid #000000; - border-radius: 20px; - box-shadow: 0px 0px 0px #000000; -} -main section.index .wrapper .ascii-image-output input[type=range]::-ms-thumb { - margin-top: 1px; - box-shadow: 0px 0px 0px #000000; - border: 0px solid #2497E3; - height: 20px; - width: 20px; - border-radius: 50px; - background: #FFFFFF; - cursor: pointer; -} -main section.index .wrapper .ascii-image-output input[type=range]:focus::-ms-fill-lower { - background: #FFFFFF; -} -main section.index .wrapper .ascii-image-output input[type=range]:focus::-ms-fill-upper { - background: #FFFFFF; -} -main section.index .wrapper .ascii-image-output .grid_container { - margin-top: 20px; -} -main section.index .wrapper .ascii-image-output .grid_container img, -main section.index .wrapper .ascii-image-output .buttons div img { - cursor: pointer; -} -main section.index .wrapper .ascii-image-output .buttons { - display: inline-flex; - margin: 0 auto; -} -main section.index .wrapper .ascii-image-output .buttons div { - width: max-content; - margin: 0 auto; - font-family: 'Ubuntu', sans-serif, 'Times New Roman'; - font-size: 34px; -} -main section.index .wrapper .ascii-image-output .buttons div:after { - bottom: 2px; - height: 3px; -} -main section.index .wrapper .ascii-image-output .buttons.first_row { - justify-content: space-between; - grid-column-gap: 10px; -} -main section.index .wrapper .ascii-image-output .buttons.second_row { - grid-template-columns: repeat(4, 1fr); - width: 175px; - grid-column-gap: 10px; -} -main section.index .wrapper .ascii-image-output .buttons.second_row div { - cursor: pointer; -} -main section.index .wrapper .ascii-image-output .options_container { - margin: 0 auto; - padding-top: 20px; - color: #ffffff; - font-family: 'Ubuntu', sans-serif, 'Times New Roman'; - font-size: 19px; -} -main section.index .wrapper .ascii-image-output .options_container .options_grid { - margin: 0 auto; - display: inline-grid; - grid-template-columns: repeat(3, 110px); - grid-column-gap: 20px; -} -main section.index .wrapper .ascii-image-output .options_container p.title { - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - font-size: 24px; -} -main section.index .wrapper .ascii-image-output .options_container .option { - padding-top: 20px; -} -main section.index .wrapper .ascii-image-output .options_container .option label { - display: block; -} -main section.index .wrapper .ascii-image-output .options_container .option input { - color: #242424; - margin-top: 5px; - padding: 3px 4px; - text-align: center; - width: 60px; - transition: background-color 0.2s; -} -main section.index .wrapper .ascii-image-output .options_container .option input:disabled { - background-color: #e4e4e4; -} -main section.index .wrapper .ascii-image-output .options_container .option span.percent_sign { - position: absolute; - transform: translateX(5px) translateY(8px); -} -main section.index .wrapper .ascii-image-output .options_container input[type=submit] { - color: #242424; - display: block; - margin: 25px auto 0 auto; - font-size: 19px; - padding: 8px 18px; - transition: background-color 0.2s, box-shadow 0.2s, color 0.2s; -} -main section.index .wrapper .ascii-image-output .options_container input[type=submit]:hover { - box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.5); -} -main section.index .wrapper .ascii-image-output .options_container input[type=submit]:disabled { - box-shadow: none; - background-color: #e4e4e4; - cursor: default; -} -main section.index .wrapper .ascii-text-output { - padding: 20px 0; -} -main section.index .wrapper .ascii-text-output #ascii-text-output-resize-textarea { - margin: 0 auto; -} -main section.index .wrapper .ascii-text-output textarea[name="output"] { - width: 100%; - height: 100%; - padding: 10px 10px; - font-size: 12px; - font-family: monospace; -} -main section.index .wrapper .ascii-text-output textarea[name="output"].invert { - background-color: #242424; - color: #ffffff; -} -main section.index .wrapper .ascii-text-output img { - cursor: pointer; -} -main section.index .wrapper .ascii-text-output .buttons { - height: 100%; - display: inline-flex; -} -main section.index .wrapper .ascii-text-output .grid_container { - margin-top: 20px; - height: 40px; -} -main section.index .wrapper .ascii-text-output .buttons.first_row { - justify-content: space-between; - grid-column-gap: 10px; -} -main section.index .wrapper .ascii-text-output .buttons.second_row { - justify-content: space-between; - grid-column-gap: 10px; -} -main section.index .wrapper .ascii-text-output .buttons.second_row .back img { - transform: rotateZ(180deg); -} -main section.index .wrapper .ascii-text-output .buttons.second_row select { - padding: 4px 6px; - border-radius: 4px; - font-size: 15px; - margin: auto 0; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: url("../svg/dropdown.svg") 100% no-repeat #ffffff; - cursor: pointer; -} -main section.index .wrapper .ascii-text-output .buttons.second_row select::-ms-expand { - display: none; -} -@media screen and (min-width: 0) { - main section.index .wrapper .ascii-text-output .buttons.second_row select { - background: none \9; - padding: 5px \9; - } -} -main section.index .wrapper p.ps-tiny { - width: max-content; - margin: 0 auto; - color: #ffdee0; - font-size: 15px; - cursor: pointer; -} -main section.about, -main section.policy_cookie, -main section.policy_privacy { - padding: 20px 0; - color: #242424; - font-size: 19px; -} -main section.about .wrapper .text-window, -main section.policy_cookie .wrapper .text-window, -main section.policy_privacy .wrapper .text-window { - background-color: #ffffff; - border-radius: 25px; - padding: 20px; - max-width: 750px; - margin: 0 auto; - border: 2px dashed #242424; -} -main section.about .wrapper .text-window h3, -main section.policy_cookie .wrapper .text-window h3, -main section.policy_privacy .wrapper .text-window h3 { - text-align: center; - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - font-weight: normal; - font-size: 24px; -} -main section.about .wrapper .text-window h4, -main section.policy_cookie .wrapper .text-window h4, -main section.policy_privacy .wrapper .text-window h4 { - padding-top: 15px; - text-align: left; - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - font-weight: normal; - font-size: 19px; -} -main section.about .wrapper .text-window a, -main section.policy_cookie .wrapper .text-window a, -main section.policy_privacy .wrapper .text-window a { - color: #e93644; -} -main section.about .wrapper .text-window ul, -main section.policy_cookie .wrapper .text-window ul, -main section.policy_privacy .wrapper .text-window ul { - padding-left: 25px; -} -main section.about .wrapper .text-window li, -main section.policy_cookie .wrapper .text-window li, -main section.policy_privacy .wrapper .text-window li { - padding-top: 4px; - list-style: disc; - line-height: 27px; - text-align: justify; -} -main section.about .wrapper .text-window p, -main section.policy_cookie .wrapper .text-window p, -main section.policy_privacy .wrapper .text-window p { - padding-top: 15px; - line-height: 27px; - text-align: justify; -} -main section.feedback { - font-size: 19px; - color: #242424; - text-align: center; - padding-top: 10vh; -} -main section.feedback .wrapper form.feedback-form { - background-color: #ffffff; - border-radius: 25px; - padding: 20px; - min-width: 350px; - max-width: max-content; - margin: 0 auto; - border: 2px dashed #242424; -} -main section.feedback .wrapper form.feedback-form input[type=email], -main section.feedback .wrapper form.feedback-form input[type=submit], -main section.feedback .wrapper form.feedback-form textarea { - display: block; - margin: 15px auto 0 auto; -} -main section.feedback .wrapper form.feedback-form input[type=email], -main section.feedback .wrapper form.feedback-form textarea { - color: #242424; - width: 304px; - padding: 6px 12px; - border: 1px solid #757575; -} -main section.feedback .wrapper form.feedback-form input[type=email]:focus, -main section.feedback .wrapper form.feedback-form textarea:focus { - border: 1px solid #242424; -} -main section.feedback .wrapper form.feedback-form textarea { - width: 304px; - max-width: 1700px; - height: 100px; -} -main section.feedback .wrapper form.feedback-form input[type=email] { - text-align: center; -} -main section.feedback .wrapper form.feedback-form .captcha-div { - min-height: 78px; -} -main section.feedback .wrapper form.feedback-form input[type=submit] { - transition: background-color 0.2s; - padding: 6px 25px; - font-size: 19px; -} -main section.feedback .wrapper form.feedback-form input[type=submit]:disabled { - cursor: default; -} -main section.feedback .wrapper form.feedback-form h3 { - text-align: center; - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - font-weight: normal; - font-size: 24px; -} -main section.feedback .wrapper form.feedback-form p.text { - padding-top: 15px; - line-height: 27px; - text-align: center; - max-width: 500px; - margin: 0 auto; -} -main section.feedback .wrapper form.feedback-form #id_captcha { - margin-top: 15px; -} -main section.feedback .wrapper form.feedback-form #id_captcha div { - margin: 0 auto; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement { - margin-top: 15px; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement { - transform: translateX(-147px); - position: absolute; - opacity: 0; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement + label { - display: grid; - grid-template-columns: 30px auto; - text-align: justify; - max-width: 304px; - margin: 0 auto; - font-size: 15px; - position: relative; - cursor: pointer; - padding: 0; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement + label:before { - border: 1px solid #757575; - content: ''; - margin-right: 10px; - display: inline-block; - vertical-align: text-top; - width: 19px; - height: 19px; - background: white; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:hover + label:before { - background: #da4c5c; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:focus + label:before { - box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); - border: 1px solid #242424; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:checked + label:before { - background: #e93644; - border: 1px solid #242424; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:disabled + label { - color: #b8b8b8; - cursor: auto; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:disabled + label:before { - box-shadow: none; - background: #ddd; -} -main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:checked + label:after { - content: ''; - background: url("../svg/tick.svg"); - position: absolute; - left: 4px; - top: 4px; - width: 13px; - height: 13px; - filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(237deg) brightness(103%) contrast(101%); -} -main section.staff_feedback { - font-size: 19px; -} -main section.staff_feedback .wrapper { - padding-top: 20px; - padding-bottom: 20px; - background-color: #ffffff; - color: #242424; -} -main section.staff_feedback .wrapper .feedback_obj { - padding-top: 20px; -} -main section.staff_feedback .wrapper .feedback_obj p.email { - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; -} -main section.page_error { - padding: 15vh 0 0 0; - color: #ffffff; - text-align: center; -} -main section.page_error .wrapper .page_error_message { - position: relative; - margin: auto; -} -main section.page_error .wrapper .page_error_message p.title { - font-size: 150px; - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; -} -main section.page_error .wrapper .page_error_message p.description { - font-size: 24px; - padding-bottom: 20px; -} -main section.page_error .wrapper .page_error_message a.go_home input { - font-size: 19px; - background-color: transparent; - color: #ffffff; - border: 2px solid #ffffff; - padding: 8px 16px; - transition: background-color 0.2s, color 0.2s; -} -main section.page_error .wrapper .page_error_message a.go_home input:hover { - background-color: #ffffff; - color: #e93644; -} -footer { - font-size: 15px; - color: #ffdee0; -} -footer a { - color: #ffdee0; -} -footer .wrapper { - display: grid; - grid-template-columns: repeat(3, 1fr); - height: 100%; -} -footer .wrapper .policy { - margin: auto 0; -} -footer .wrapper .GitHub { - margin: auto; -} -footer .wrapper .GitHub img { - height: 14px; - width: 14px; - filter: brightness(0) saturate(100%) invert(87%) sepia(6%) saturate(781%) hue-rotate(308deg) brightness(99%) contrast(109%); - margin-right: 4px; -} -footer .wrapper .language-switcher { - margin: auto 0 auto auto; - display: inline-flex; -} -footer .wrapper .language-switcher p.lang { - cursor: pointer; -} -footer .wrapper .language-switcher p.lang img { - height: 14px; - width: 14px; - filter: brightness(0) saturate(100%) invert(87%) sepia(6%) saturate(781%) hue-rotate(308deg) brightness(99%) contrast(109%); - transform: rotateZ(-90deg) translateX(-3px); - margin-left: 4px; -} -footer .wrapper .language-switcher .language-switcher-window { - color: #ffffff; - text-align: left; - transform: translateY(-50px) translateX(-104px); - bottom: 0px; - width: 140px; - padding: 15px 20px; - position: absolute; - background-color: #3e2526; - border-radius: 25px 25px 2px 25px; -} -footer .wrapper .language-switcher .language-switcher-window::after { - display: block; - position: absolute; - content: ""; - width: 10px; - height: 10px; - background-color: #3e2526; - transform: translateX(108px) translateY(9px) rotateZ(45deg); -} -footer .wrapper .language-switcher .language-switcher-window span { - cursor: pointer; -} -.agreements { - z-index: 100000; - background-color: white; - color: #242424; - padding: 20px 0; - position: fixed; - bottom: 0; - left: 0; - width: 100%; -} -.agreements a { - color: #e93644; -} -.agreements .wrapper { - background-color: transparent; -} -.agreements .wrapper .inline_grid { - width: 100%; - display: inline-grid; - grid-template-columns: auto auto; - grid-gap: 20px; -} -.agreements .wrapper .inline_grid .text p.upper-text { - font-size: 19px; - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; -} -.agreements .wrapper .inline_grid .text p.bottom-text { - font-size: 15px; -} -.agreements .wrapper .inline_grid .btn { - margin: auto 0 auto auto; -} -.agreements .wrapper .inline_grid .btn input[type=button] { - padding: 4px 20px; - width: unset; - font-size: 19px; - transition: background-color 0.2s; -} -#ascii-share-dialog { - z-index: 10005; - position: fixed; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - color: #242424; - font-size: 19px; - background-color: #ffffff; - border-radius: 25px; - padding: 20px; - width: 500px; - margin: 0 auto; - border: 2px dashed #242424; -} -#ascii-share-dialog h3 { - max-width: 360px; - margin: 0 auto; - text-align: center; - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - font-weight: normal; - font-size: 24px; -} -#ascii-share-dialog a { - color: #e93644; -} -#ascii-share-dialog p.text { - padding-top: 15px; - line-height: 27px; - text-align: center; -} -#ascii-share-dialog p.text span.success { - color: #1cb71c; -} -#ascii-share-dialog p.text a { - font-size: 15px; -} -#ascii-share-dialog p.error { - padding-top: 10px; - text-align: center; - font-size: 15px; - color: #ff2635; -} -#ascii-share-dialog input[type=button] { - font-size: 19px; - display: block; - margin: 15px auto 0 auto; - padding: 6px 20px; - transition: 0.2s background-color, 0.2s opacity; -} -#ascii-share-dialog input[type=button]:disabled { - cursor: unset; - opacity: 0; -} -#ascii-share-dialog img.close { - cursor: pointer; - position: fixed; - right: 15px; - top: 15px; - border-radius: 50%; -} -.loading_twirl { - position: absolute; - text-align: center; - left: 50%; - transform: translateX(-50%) translateY(31px); - height: 26px; - width: 26px; - pointer-events: none; -} -.loading_twirl img { - width: 100%; - height: 100%; - animation: animation-loading-twirl 2s infinite linear; -} -.ascii-share-dialog-dark-background, -.ascii-report-dialog-dark-background { - z-index: 10000; - content: ''; - position: fixed; - background-color: rgba(0, 0, 0, 0.75); - top: 0; - left: 0; - width: 100vw; - height: 100vh; -} -#ascii-report-dialog { - z-index: 10005; - position: fixed; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - color: #242424; - font-size: 19px; - background-color: #ffffff; - border-radius: 25px; - padding: 20px; - width: 344px; - margin: 0 auto; - border: 2px dashed #242424; -} -#ascii-report-dialog h3 { - max-width: 200px; - margin: 0 auto; - text-align: center; - font-family: 'Ubuntu Medium', 'Ubuntu', sans-serif, 'Times New Roman'; - font-weight: normal; - font-size: 24px; -} -#ascii-report-dialog textarea { - margin-top: 25px; - height: 74px; -} -#ascii-report-dialog textarea, -#ascii-report-dialog input[type=email] { - width: 100%; - max-width: 100%; - padding: 6px 12px; - border: 1px solid #757575; -} -#ascii-report-dialog input[type=email] { - margin-top: 10px; -} -#ascii-report-dialog .captcha-div { - margin-top: 15px; -} -#ascii-report-dialog p.text { - padding-top: 15px; - line-height: 27px; - text-align: center; -} -#ascii-report-dialog p.error { - padding-top: 10px; - text-align: center; - font-size: 15px; - color: #ff2635; -} -#ascii-report-dialog input[type=submit] { - font-size: 19px; - display: block; - margin: 15px auto 0 auto; - padding: 6px 20px; - transition: 0.2s background-color, 0.2s opacity; -} -#ascii-report-dialog input[type=submit]:disabled { - cursor: unset; -} -#ascii-report-dialog img.close { - cursor: pointer; - position: fixed; - right: 15px; - top: 15px; - border-radius: 50%; -} -@keyframes animation-loading-twirl { - from { - transform: rotate(0deg); - } - to { - transform: rotate(-360deg); - } -} +*{box-sizing:border-box;padding:0;margin:0;outline:none;border:none;box-shadow:none}.hide{display:none !important}.wrapper{background-color:#da4c5c;max-width:1920px;margin:0 auto;padding:0 25px}.overflowVisible{overflow:visible !important}.overflowHidden{overflow:hidden}body{font-family:'Ubuntu',sans-serif,'Times New Roman';color:#fff;background-color:#da4c5c;position:relative}ul,ol,li{list-style:none}body,input,textarea{font-family:'Ubuntu',sans-serif,'Times New Roman'}header,footer{height:60px}#borders-dashed{position:relative;overflow:hidden;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between}#borders-dashed::before{pointer-events:none;content:"";position:absolute;left:50%;transform:translateX(-50%);width:1920px;height:100%;border:2px dashed #fff;border-top:0;overflow:hidden}a{outline:none;text-decoration:none;color:#fff}a.a_accent{color:#e93644}a.a_underline_animation,a.a_underline_animation_small,a.a_underline_animation_primary,section.about .text-window a,section.policy_privacy .text-window a,section.policy_cookie .text-window a,header .switcher .element p,section.index .img2ascii-input .buttons.second_row div{position:relative}a.a_underline_animation:after,a.a_underline_animation_small:after,a.a_underline_animation_primary:after,section.about .text-window a:after,section.policy_privacy .text-window a:after,section.policy_cookie .text-window a:after,header .switcher .element p:after,section.index .img2ascii-input .buttons.second_row div:after{pointer-events:none;background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;transform:translateY(3px);background:#fff;opacity:0;transition:width .2s ease 0s,left .2s ease 0s,opacity .2s ease 0s;width:0}a.a_underline_animation:hover:after,a.a_underline_animation_small:hover:after,a.a_underline_animation_primary:hover:after,section.about .text-window a:hover:after,section.policy_privacy .text-window a:hover:after,section.policy_cookie .text-window a:hover:after,header .switcher .element p:hover:after,section.index .img2ascii-input .buttons.second_row div:hover:after,a.a_underline_animation.chosen:after,a.a_underline_animation_small.chosen:after,a.a_underline_animation_primary.chosen:after,section.about .text-window a.chosen:after,section.policy_privacy .text-window a.chosen:after,section.policy_cookie .text-window a.chosen:after,header .switcher .element p.chosen:after,section.index .img2ascii-input .buttons.second_row div.chosen:after{width:100%;left:0;opacity:1}a.a_underline_animation_small:after{background:#ffdee0;height:1px}a.a_underline_animation_primary:after,section.about .text-window a:after,section.policy_privacy .text-window a:after,section.policy_cookie .text-window a:after{background:#e93644;height:1px}input,textarea{background-color:#fff;outline:none}input:invalid,textarea:invalid{box-shadow:none}input.btn_1{background-color:#da4c5c;color:#fff}input.btn_1:hover{background-color:#e93644}input.btn_2{background-color:#fff;color:#242424}input[type=text],textarea,input[type=email]{font-size:19px;color:#242424;border-radius:5px}input[type=button],input[type=submit]{cursor:pointer;font-size:24px;border-radius:5px}input[type=button]:disabled,input[type=submit]:disabled{background-color:#757575}form p.error{padding-top:10px;font-size:15px;color:#ff2635;text-align:center}header{font-size:19px}header .wrapper{display:grid;grid-template-columns:repeat(3, 1fr);height:100%}header .wrapper .logo{margin:9px 0}header .wrapper .logo a{display:inline-table;font-size:24px;font-family:Pacifico,'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';transition:transform .2s}header .wrapper .logo a:hover{transform:scale(1.05)}header .wrapper .switcher{display:inline-grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:20px}header .wrapper .switcher .element{margin:auto 0}header .wrapper .switcher .element p{cursor:pointer;width:max-content}header .wrapper .switcher .element:nth-of-type(1) p{margin:0 0 0 auto;text-align:right}header .wrapper .links{display:inline-flex;margin:auto 0 auto auto}header .wrapper .links a{text-align:right;margin-right:20px}header .wrapper .links a:last-of-type{margin-right:0}header .mobile-menu-btn{display:none;z-index:101;background-color:#fff;border-radius:50%;box-shadow:0 0 5px rgba(255,255,255,0.5);cursor:pointer;height:50px;width:50px;position:fixed;top:10px;right:10px}header .mobile-menu-btn li{z-index:100;background-color:#e93644;bottom:0;height:2px;left:0;margin:auto;position:absolute;right:0;width:16px;top:0;transition:all .2s ease-in-out}header .mobile-menu-btn li:first-child{transform:translate3d(0, -4px, 0)}header .mobile-menu-btn li:last-child{transform:translate3d(0, 4px, 0)}header .menu-btn--on li{background-color:#242424}header .menu-btn--on li:first-child{transform:rotate(135deg) translate3d(0, 0, 0)}header .menu-btn--on li:last-child{transform:rotate(-135deg) translate3d(0, 0, 0)}header .menu-btn--on li:nth-child(2){opacity:0}header .menu--open{transform:translate3d(0, 0, 0) !important}header nav.mobile-menu{display:none;z-index:100;bottom:0;background-color:rgba(255,255,255,0.95);left:0;margin:0;position:fixed;top:0;width:100%;transform:translate3d(100%, 0, 0);transition:transform .2s linear;justify-content:center;align-items:center}header nav.mobile-menu ul{text-align:center;width:100%}header nav.mobile-menu ul li{display:block;transition:.2s background-color}header nav.mobile-menu ul li:hover{background-color:#da4c5c}header nav.mobile-menu ul li:hover a{color:#fff}header nav.mobile-menu ul li a{display:block;padding:15px 0;cursor:pointer;width:100%;height:100%;background-color:transparent;font-family:'Ubuntu',sans-serif,'Times New Roman';font-size:19px;color:#242424;transition:.2s color;letter-spacing:1px}main section.index{text-align:center;padding:10vh 0 0 0;margin-bottom:20px}main section.index .wrapper h1.h1-page-title{font-size:60px;font-family:Pacifico,'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';padding-bottom:20px;font-weight:normal}main section.index .wrapper h2.h2-method-desc{font-weight:normal;font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';padding-bottom:20px;font-size:30px}main section.index .wrapper .file-upload__modal{display:grid;max-width:350px;margin:20px auto;padding:25px 0;border:1px solid #ccc;border-radius:20px;background-color:#fff;box-shadow:0 4px 6px 0 rgba(100,100,100,0.1)}main section.index .wrapper .file-upload__modal .file-upload__modal-title{margin-bottom:30px;color:#242424;font-size:24px;font-weight:bold;letter-spacing:1.3px;line-height:1.5;text-align:center;text-transform:uppercase}main section.index .wrapper .file-upload__modal .file-upload__error{display:none;margin:0 25px 30px;color:#ff2635;font-size:15px}main section.index .wrapper .file-upload__modal .file__list{margin:0 25px}main section.index .wrapper .file-upload__modal .file-upload__form{display:grid;align-content:center;justify-content:center;max-width:300px;height:150px;margin:0 25px;transition:all .2s;border:2px dashed rgba(233,54,68,0.3);border-radius:15px}main section.index .wrapper .file-upload__modal .file-upload__form.hovered{border:2px dashed #e93644}main section.index .wrapper .file-upload__modal .file-upload__form:hover{border:2px dashed #e93644}main section.index .wrapper .file-upload__modal .file__input{display:none}main section.index .wrapper .file-upload__modal .file__input-label{width:180px;color:#242424;font-size:19px;letter-spacing:1.3px;line-height:1.5;text-align:center;text-transform:uppercase}main section.index .wrapper .file-upload__modal .file__input-label-button{background-color:#fff;font-family:'Ubuntu',sans-serif,'Times New Roman';font-size:19px;letter-spacing:1.3px;line-height:1.5;transition:all .2s;color:#e93644;cursor:pointer;border:none;text-transform:uppercase}main section.index .wrapper .file-upload__modal .file__input-label-button:hover{color:#e93644}main section.index .wrapper .file-upload__modal .file-details__container{display:grid;grid-template-columns:1fr;padding-left:15px}main section.index .wrapper .file-upload__modal .file-output__list-item{display:grid;width:100%;grid-template-columns:1fr;align-items:end;margin:0 auto 25px;list-style:none}main section.index .wrapper .file-upload__modal .file-output__list-item-name{color:#242424;margin-bottom:10px;opacity:.9;font-size:15px}main section.index .wrapper .file-upload__modal .file-output__progress-bar{width:255px}main section.index .wrapper .file-upload__modal .file-output__progress-bar[value]{appearance:none;height:2px}main section.index .wrapper .file-upload__modal .file-output__progress-bar[value]::-webkit-progress-bar{background-color:rgba(128,76,92,0.2)}main section.index .wrapper .file-upload__modal .progress-bar--in-progress[value]::-webkit-progress-value{background-color:#da4c5c}main section.index .wrapper .file-upload__modal .progress-bar--is-finished[value]::-webkit-progress-value{transition:all .25s;background-color:#e93644}main section.index .wrapper form.txt2ascii-form{margin-top:20px;display:block}main section.index .wrapper form.txt2ascii-form input[type=submit]:disabled{background-color:#e4e4e4;cursor:default}main section.index .wrapper form.txt2ascii-form .inline-grid_inline-text{display:inline-grid;border-radius:100px;overflow:hidden;grid-template-columns:minmax(1px, 320px) 80px;height:50px;margin:0 auto}main section.index .wrapper form.txt2ascii-form .inline-grid_inline-text input[type=text]{text-align:left;padding:0 20px;border-radius:unset}main section.index .wrapper form.txt2ascii-form .inline-grid_inline-text input[type=submit]{text-align:center;border-radius:unset;border-left:2px solid #da4c5c}main section.index .wrapper form.txt2ascii-form .multi-line_text{margin:0 auto;max-width:320px}main section.index .wrapper form.txt2ascii-form .multi-line_text textarea{width:100%;height:77px;margin:0 auto;padding:15px 20px}main section.index .wrapper form.txt2ascii-form .multi-line_text input[type=submit]{display:block;margin:20px auto 0 auto;padding:8px 16px}main section.index .wrapper form.txt2ascii-form input[type=checkbox]{z-index:-10000;position:absolute;opacity:0}main section.index .wrapper form.txt2ascii-form input[type=checkbox]+label.label_checkbox{margin:20px auto 20px auto;width:max-content;cursor:pointer;font-size:19px;display:block;position:relative}main section.index .wrapper form.txt2ascii-form input[type=checkbox]+label:before{border:1px solid #fff;content:'';margin-right:10px;display:inline-block;vertical-align:text-top;width:19px;height:19px;background:transparent}main section.index .wrapper form.txt2ascii-form input[type=checkbox]:hover+label:before{background:rgba(255,255,255,0.15)}main section.index .wrapper form.txt2ascii-form input[type=checkbox]:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,0.12)}main section.index .wrapper form.txt2ascii-form input[type=checkbox]:disabled+label{color:#b8b8b8;cursor:auto}main section.index .wrapper form.txt2ascii-form input[type=checkbox]:disabled+label:before{box-shadow:none;background:#ddd}main section.index .wrapper form.txt2ascii-form input[type=checkbox]:checked+label:after{content:'';background:url("../svg/tick.svg");position:absolute;left:4px;top:4.5px;width:13px;height:13px;filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(237deg) brightness(103%) contrast(101%)}main section.index .wrapper .ascii-image-output{padding:20px 0}main section.index .wrapper .ascii-image-output .container_slider{width:max-content;margin:0 auto}main section.index .wrapper .ascii-image-output .container_slider .font-size_config{font-size:15px;position:absolute;transform:translateX(-40px)}main section.index .wrapper .ascii-image-output .container_slider .font-size_config input{border:2px solid #fff;background-color:transparent;color:#fff;font-size:19px;width:28px;height:28px}main section.index .wrapper .ascii-image-output .container_slider .font-size_config .font-size_cur{padding:5px 0}main section.index .wrapper .ascii-image-output .slider-window{background-color:#fff;position:relative;border-radius:10px;overflow:hidden;margin:0 auto;width:300px;height:400px;border:3px solid #fff}main section.index .wrapper .ascii-image-output .slider-window.invert{background-color:#242424}main section.index .wrapper .ascii-image-output .slider-window.invert .ascii-art{color:#fff}main section.index .wrapper .ascii-image-output .slider-window.invert .image img{background-color:#242424}main section.index .wrapper .ascii-image-output .slider-window .image,main section.index .wrapper .ascii-image-output .slider-window .ascii-art{position:absolute;top:0;left:0;width:100%;height:100%}main section.index .wrapper .ascii-image-output .slider-window .image{overflow:hidden;width:max-content;z-index:5}main section.index .wrapper .ascii-image-output .slider-window .image img{background-color:#fff;width:300px}main section.index .wrapper .ascii-image-output .slider-window .ascii-art{width:max-content;height:max-content;white-space:pre;color:#242424;z-index:3;font-size:12px;font-family:monospace}main section.index .wrapper .ascii-image-output input[type=range]{height:3px;-webkit-appearance:none;margin:25px 0 10px 0;width:100%}main section.index .wrapper .ascii-image-output input[type=range]:focus{outline:none}main section.index .wrapper .ascii-image-output input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#fff;border-radius:10px;border:0 solid #000}main section.index .wrapper .ascii-image-output input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:0 solid #2497e3;height:20px;width:20px;border-radius:50px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-7.5px}main section.index .wrapper .ascii-image-output input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}main section.index .wrapper .ascii-image-output input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#fff;border-radius:10px;border:0 solid #000}main section.index .wrapper .ascii-image-output input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:0 solid #2497e3;height:20px;width:20px;border-radius:50px;background:#fff;cursor:pointer}main section.index .wrapper .ascii-image-output input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}main section.index .wrapper .ascii-image-output input[type=range]::-ms-fill-lower{background:#fff;border:0 solid #000;border-radius:20px;box-shadow:0 0 0 #000}main section.index .wrapper .ascii-image-output input[type=range]::-ms-fill-upper{background:#fff;border:0 solid #000;border-radius:20px;box-shadow:0 0 0 #000}main section.index .wrapper .ascii-image-output input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:0 solid #2497e3;height:20px;width:20px;border-radius:50px;background:#fff;cursor:pointer}main section.index .wrapper .ascii-image-output input[type=range]:focus::-ms-fill-lower{background:#fff}main section.index .wrapper .ascii-image-output input[type=range]:focus::-ms-fill-upper{background:#fff}main section.index .wrapper .ascii-image-output .grid_container{margin-top:20px}main section.index .wrapper .ascii-image-output .grid_container img,main section.index .wrapper .ascii-image-output .buttons div img{cursor:pointer}main section.index .wrapper .ascii-image-output .buttons{display:inline-flex;margin:0 auto}main section.index .wrapper .ascii-image-output .buttons div{width:max-content;margin:0 auto;font-family:'Ubuntu',sans-serif,'Times New Roman';font-size:34px}main section.index .wrapper .ascii-image-output .buttons div:after{bottom:2px;height:3px}main section.index .wrapper .ascii-image-output .buttons.first_row{justify-content:space-between;grid-column-gap:10px}main section.index .wrapper .ascii-image-output .buttons.second_row{grid-template-columns:repeat(4, 1fr);width:175px;grid-column-gap:10px}main section.index .wrapper .ascii-image-output .buttons.second_row div{cursor:pointer}main section.index .wrapper .ascii-image-output .options_container{margin:0 auto;padding-top:20px;color:#fff;font-family:'Ubuntu',sans-serif,'Times New Roman';font-size:19px}main section.index .wrapper .ascii-image-output .options_container .options_grid{margin:0 auto;display:inline-grid;grid-template-columns:repeat(3, 110px);grid-column-gap:20px}main section.index .wrapper .ascii-image-output .options_container p.title{font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';font-size:24px}main section.index .wrapper .ascii-image-output .options_container .option{padding-top:20px}main section.index .wrapper .ascii-image-output .options_container .option label{display:block}main section.index .wrapper .ascii-image-output .options_container .option input{color:#242424;margin-top:5px;padding:3px 4px;text-align:center;width:60px;transition:background-color .2s}main section.index .wrapper .ascii-image-output .options_container .option input:disabled{background-color:#e4e4e4}main section.index .wrapper .ascii-image-output .options_container .option span.percent_sign{position:absolute;transform:translateX(5px) translateY(8px)}main section.index .wrapper .ascii-image-output .options_container input[type=submit]{color:#242424;display:block;margin:25px auto 0 auto;font-size:19px;padding:8px 18px;transition:background-color .2s,box-shadow .2s,color .2s}main section.index .wrapper .ascii-image-output .options_container input[type=submit]:hover{box-shadow:0 0 8px 0 rgba(255,255,255,0.5)}main section.index .wrapper .ascii-image-output .options_container input[type=submit]:disabled{box-shadow:none;background-color:#e4e4e4;cursor:default}main section.index .wrapper .ascii-text-output{padding:20px 0}main section.index .wrapper .ascii-text-output #ascii-text-output-resize-textarea{margin:0 auto}main section.index .wrapper .ascii-text-output textarea[name="output"]{width:100%;height:100%;padding:10px 10px;font-size:12px;font-family:monospace}main section.index .wrapper .ascii-text-output textarea[name="output"].invert{background-color:#242424;color:#fff}main section.index .wrapper .ascii-text-output img{cursor:pointer}main section.index .wrapper .ascii-text-output .buttons{height:100%;display:inline-flex}main section.index .wrapper .ascii-text-output .grid_container{margin-top:20px;height:40px}main section.index .wrapper .ascii-text-output .buttons.first_row{justify-content:space-between;grid-column-gap:10px}main section.index .wrapper .ascii-text-output .buttons.second_row{justify-content:space-between;grid-column-gap:10px}main section.index .wrapper .ascii-text-output .buttons.second_row .back img{transform:rotateZ(180deg)}main section.index .wrapper .ascii-text-output .buttons.second_row select{padding:4px 6px;border-radius:4px;font-size:15px;margin:auto 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("../svg/dropdown.svg") 100% no-repeat #fff;cursor:pointer}main section.index .wrapper .ascii-text-output .buttons.second_row select::-ms-expand{display:none}@media screen and (min-width:0){main section.index .wrapper .ascii-text-output .buttons.second_row select{background:none \9;padding:5px \9}}main section.index .wrapper p.ps-tiny{width:max-content;margin:0 auto;color:#ffdee0;font-size:15px;cursor:pointer}main section.about,main section.policy_cookie,main section.policy_privacy{padding:20px 0;color:#242424;font-size:19px}main section.about .wrapper .text-window,main section.policy_cookie .wrapper .text-window,main section.policy_privacy .wrapper .text-window{background-color:#fff;border-radius:25px;padding:20px;max-width:750px;margin:0 auto;border:2px dashed #242424}main section.about .wrapper .text-window h3,main section.policy_cookie .wrapper .text-window h3,main section.policy_privacy .wrapper .text-window h3{text-align:center;font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';font-weight:normal;font-size:24px}main section.about .wrapper .text-window h4,main section.policy_cookie .wrapper .text-window h4,main section.policy_privacy .wrapper .text-window h4{padding-top:15px;text-align:left;font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';font-weight:normal;font-size:19px}main section.about .wrapper .text-window a,main section.policy_cookie .wrapper .text-window a,main section.policy_privacy .wrapper .text-window a{color:#e93644}main section.about .wrapper .text-window ul,main section.policy_cookie .wrapper .text-window ul,main section.policy_privacy .wrapper .text-window ul{padding-left:25px}main section.about .wrapper .text-window li,main section.policy_cookie .wrapper .text-window li,main section.policy_privacy .wrapper .text-window li{padding-top:4px;list-style:disc;line-height:27px;text-align:justify}main section.about .wrapper .text-window p,main section.policy_cookie .wrapper .text-window p,main section.policy_privacy .wrapper .text-window p{padding-top:15px;line-height:27px;text-align:justify}main section.feedback{font-size:19px;color:#242424;text-align:center;padding-top:10vh}main section.feedback .wrapper form.feedback-form{background-color:#fff;border-radius:25px;padding:20px;min-width:350px;max-width:max-content;margin:0 auto;border:2px dashed #242424}main section.feedback .wrapper form.feedback-form input[type=email],main section.feedback .wrapper form.feedback-form input[type=submit],main section.feedback .wrapper form.feedback-form textarea{display:block;margin:15px auto 0 auto}main section.feedback .wrapper form.feedback-form input[type=email],main section.feedback .wrapper form.feedback-form textarea{color:#242424;width:304px;padding:6px 12px;border:1px solid #757575}main section.feedback .wrapper form.feedback-form input[type=email]:focus,main section.feedback .wrapper form.feedback-form textarea:focus{border:1px solid #242424}main section.feedback .wrapper form.feedback-form textarea{width:304px;max-width:1700px;height:100px}main section.feedback .wrapper form.feedback-form input[type=email]{text-align:center}main section.feedback .wrapper form.feedback-form .captcha-div{min-height:78px}main section.feedback .wrapper form.feedback-form input[type=submit]{transition:background-color .2s;padding:6px 25px;font-size:19px}main section.feedback .wrapper form.feedback-form input[type=submit]:disabled{cursor:default}main section.feedback .wrapper form.feedback-form h3{text-align:center;font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';font-weight:normal;font-size:24px}main section.feedback .wrapper form.feedback-form p.text{padding-top:15px;line-height:27px;text-align:center;max-width:500px;margin:0 auto}main section.feedback .wrapper form.feedback-form #id_captcha{margin-top:15px}main section.feedback .wrapper form.feedback-form #id_captcha div{margin:0 auto}main section.feedback .wrapper form.feedback-form .feedback-agreement{margin-top:15px}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement{transform:translateX(-147px);position:absolute;opacity:0}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement+label{display:grid;grid-template-columns:30px auto;text-align:justify;max-width:304px;margin:0 auto;font-size:15px;position:relative;cursor:pointer;padding:0}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement+label:before{border:1px solid #757575;content:'';margin-right:10px;display:inline-block;vertical-align:text-top;width:19px;height:19px;background:#fff}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:hover+label:before{background:#da4c5c}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:focus+label:before{box-shadow:0 0 0 3px rgba(0,0,0,0.12);border:1px solid #242424}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:checked+label:before{background:#e93644;border:1px solid #242424}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:disabled+label{color:#b8b8b8;cursor:auto}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:disabled+label:before{box-shadow:none;background:#ddd}main section.feedback .wrapper form.feedback-form .feedback-agreement #id_agreement:checked+label:after{content:'';background:url("../svg/tick.svg");position:absolute;left:4px;top:4px;width:13px;height:13px;filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(237deg) brightness(103%) contrast(101%)}main section.staff_feedback{font-size:19px}main section.staff_feedback .wrapper{padding-top:20px;padding-bottom:20px;background-color:#fff;color:#242424}main section.staff_feedback .wrapper .feedback_obj{padding-top:20px}main section.staff_feedback .wrapper .feedback_obj p.email{font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman'}main section.page_error{padding:15vh 0 0 0;color:#fff;text-align:center}main section.page_error .wrapper .page_error_message{position:relative;margin:auto}main section.page_error .wrapper .page_error_message p.title{font-size:150px;font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman'}main section.page_error .wrapper .page_error_message p.description{font-size:24px;padding-bottom:20px}main section.page_error .wrapper .page_error_message a.go_home input{font-size:19px;background-color:transparent;color:#fff;border:2px solid #fff;padding:8px 16px;transition:background-color .2s,color .2s}main section.page_error .wrapper .page_error_message a.go_home input:hover{background-color:#fff;color:#e93644}footer{font-size:15px;color:#ffdee0}footer a{color:#ffdee0}footer .wrapper{display:grid;grid-template-columns:repeat(3, 1fr);height:100%}footer .wrapper .policy{margin:auto 0}footer .wrapper .GitHub{margin:auto}footer .wrapper .GitHub img{height:14px;width:14px;filter:brightness(0) saturate(100%) invert(87%) sepia(6%) saturate(781%) hue-rotate(308deg) brightness(99%) contrast(109%);margin-right:4px}footer .wrapper .language-switcher{margin:auto 0 auto auto;display:inline-flex}footer .wrapper .language-switcher p.lang{cursor:pointer}footer .wrapper .language-switcher p.lang img{height:14px;width:14px;filter:brightness(0) saturate(100%) invert(87%) sepia(6%) saturate(781%) hue-rotate(308deg) brightness(99%) contrast(109%);transform:rotateZ(-90deg) translateX(-3px);margin-left:4px}footer .wrapper .language-switcher .language-switcher-window{color:#fff;text-align:left;transform:translateY(-50px) translateX(-104px);bottom:0;width:140px;padding:15px 20px;position:absolute;background-color:#3e2526;border-radius:25px 25px 2px 25px}footer .wrapper .language-switcher .language-switcher-window::after{display:block;position:absolute;content:"";width:10px;height:10px;background-color:#3e2526;transform:translateX(108px) translateY(9px) rotateZ(45deg)}footer .wrapper .language-switcher .language-switcher-window span{cursor:pointer}.agreements{z-index:100000;background-color:#fff;color:#242424;padding:20px 0;position:fixed;bottom:0;left:0;width:100%}.agreements a{color:#e93644}.agreements .wrapper{background-color:transparent}.agreements .wrapper .inline_grid{width:100%;display:inline-grid;grid-template-columns:auto auto;grid-gap:20px}.agreements .wrapper .inline_grid .text p.upper-text{font-size:19px;font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman'}.agreements .wrapper .inline_grid .text p.bottom-text{font-size:15px}.agreements .wrapper .inline_grid .btn{margin:auto 0 auto auto}.agreements .wrapper .inline_grid .btn input[type=button]{padding:4px 20px;width:unset;font-size:19px;transition:background-color .2s}#ascii-share-dialog{z-index:10005;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);color:#242424;font-size:19px;background-color:#fff;border-radius:25px;padding:20px;width:500px;margin:0 auto;border:2px dashed #242424}#ascii-share-dialog h3{max-width:360px;margin:0 auto;text-align:center;font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';font-weight:normal;font-size:24px}#ascii-share-dialog a{color:#e93644}#ascii-share-dialog p.text{padding-top:15px;line-height:27px;text-align:center}#ascii-share-dialog p.text span.success{color:#1cb71c}#ascii-share-dialog p.text a{font-size:15px}#ascii-share-dialog p.error{padding-top:10px;text-align:center;font-size:15px;color:#ff2635}#ascii-share-dialog input[type=button]{font-size:19px;display:block;margin:15px auto 0 auto;padding:6px 20px;transition:.2s background-color,.2s opacity}#ascii-share-dialog input[type=button]:disabled{cursor:unset;opacity:0}#ascii-share-dialog img.close{cursor:pointer;position:fixed;right:15px;top:15px;border-radius:50%}.loading_twirl{position:absolute;text-align:center;left:50%;transform:translateX(-50%) translateY(31px);height:26px;width:26px;pointer-events:none}.loading_twirl img{width:100%;height:100%;animation:animation-loading-twirl 2s infinite linear}.ascii-share-dialog-dark-background,.ascii-report-dialog-dark-background{z-index:10000;content:'';position:fixed;background-color:rgba(0,0,0,0.75);top:0;left:0;width:100vw;height:100vh}#ascii-report-dialog{z-index:10005;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);color:#242424;font-size:19px;background-color:#fff;border-radius:25px;padding:20px;width:344px;margin:0 auto;border:2px dashed #242424}#ascii-report-dialog h3{max-width:200px;margin:0 auto;text-align:center;font-family:'Ubuntu Medium','Ubuntu',sans-serif,'Times New Roman';font-weight:normal;font-size:24px}#ascii-report-dialog textarea{margin-top:25px;height:74px}#ascii-report-dialog textarea,#ascii-report-dialog input[type=email]{width:100%;max-width:100%;padding:6px 12px;border:1px solid #757575}#ascii-report-dialog input[type=email]{margin-top:10px}#ascii-report-dialog .captcha-div{margin-top:15px}#ascii-report-dialog p.text{padding-top:15px;line-height:27px;text-align:center}#ascii-report-dialog p.error{padding-top:10px;text-align:center;font-size:15px;color:#ff2635}#ascii-report-dialog input[type=submit]{font-size:19px;display:block;margin:15px auto 0 auto;padding:6px 20px;transition:.2s background-color,.2s opacity}#ascii-report-dialog input[type=submit]:disabled{cursor:unset}#ascii-report-dialog img.close{cursor:pointer;position:fixed;right:15px;top:15px;border-radius:50%}@keyframes animation-loading-twirl{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}} \ No newline at end of file