@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Spicy+Rice&display=swap");@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Pacifico&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Spicy+Rice&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playwrite+AR:wght@100..400&family=Playwrite+DE+Grund:wght@100..400&family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap");body,html{background:linear-gradient(23deg,#b388eb,#eb88dc);color:#000;font-family:Poppins,sans-serif;font-style:normal;margin:0;overflow-x:hidden!important;padding:0;position:relative;z-index:-1;--page-color:#fff;--line-color:#000;--invert-letters:0}input:focus{outline:0}label{font-weight:700}button{color:#000}.label_big{font-size:2rem}.introduction_screen{align-items:center;display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}.introduction_screen>p{margin:2rem}.main_title{display:flex;flex-direction:column;font-family:Playwrite GB S;font-size:4rem;font-weight:light;margin:0 0 1rem;position:relative;text-align:start;text-shadow:5px 5px #ffffff20}.main_title .main{background:-webkit-linear-gradient(90deg,#efa7ff,#ffb39a,#d57fa7);background:linear-gradient(90deg,#efa7ff,#ffb39a,#d57fa7);background-clip:text;-webkit-background-clip:text;position:relative;z-index:1;-webkit-text-fill-color:transparent}.main_title .main,.main_title .main_shadow{font-family:Pacifico,cursive;font-size:9rem;margin:0}.main_title .main_shadow{bottom:-4px;color:#000;position:absolute;right:-4px;text-shadow:-7px -7px #000,5px 5px #000;z-index:0}.condary_container{display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:100%}.whole_wrapper{align-items:center;display:flex;flex-direction:column;margin:5rem 3rem}.whole_wrapper textarea{aspect-ratio:5/2;background-color:#add8e6;border:3px solid #000;border-radius:5px;box-shadow:5px 5px;font-family:Playwrite GB S,sans-serif;font-size:1rem;max-height:8rem;max-width:25rem;min-height:5rem;min-width:10rem;padding:1rem 2rem;width:22rem}textarea{outline:0}.navigation_bar{align-items:center;background-color:#c0f772;border:3px solid #000;border-radius:5px;box-shadow:4px 4px;display:flex;flex-direction:column;font-family:Playwrite GB S;gap:3rem;height:100%;justify-content:center;margin:2rem;padding:4rem 0;width:20rem}.utilities{display:flex;flex-direction:column;gap:1rem}.clear_canvas_container,.line_width_container,.stroke_color_container{display:flex;flex-direction:column;gap:1rem;width:100%}.line_width_container input{background:#000;border:0;border-radius:2rem;color:#fff;font-family:Poppins,cursive;font-weight:700;padding:.4rem;width:10%}.stroke_color_container input{background:none;border:0;border-radius:0;cursor:pointer;height:2rem;outline:0;padding:0;width:8rem}.drawing_board{align-items:center;aspect-ratio:1/1;background-color:#fff;border:3px solid #000;border-radius:5px;box-shadow:4px 4px;display:flex;justify-content:center;margin:2rem;overflow:hidden;width:25rem}.drawing_board canvas{height:100%;touch-action:none;width:100%;z-index:2}.current_letter_in_use{align-items:center;aspect-ratio:1/1;background-color:#ff7474;border:3px solid #000;border-radius:4px;box-shadow:5px 5px;display:flex;flex-direction:column;font-family:Playwrite GB S;justify-content:center;margin:2rem;padding:2rem;width:20rem}.current_letter_in_use h1{font-size:4rem}.current_letter_in_use p{color:#393939;font-weight:700;margin:0}.cli_buttons_container{display:grid;grid-template-columns:repeat(2,auto) 1fr;grid-template-rows:repeat(2,auto) 1fr;grid-gap:1rem;height:fit-content}.clear_canvas,.cli_buttons_container button,.save_whilst_move_on{border:0;border-radius:2rem;cursor:pointer;font-family:Poppins,cursvie;padding:1rem;transition:.3s}.clear_canvas:hover,.cli_buttons_container button:hover,.save_whilst_move_on:hover{filter:brightness(80%)}.save_whilst_move_on[active=true]{background-color:#46d246}.save_whilst_move_on[active=false]{background-color:#e14848}.text_input_area_div textarea{background-color:#1f1f1f;border-radius:2rem;color:#fff;display:block;font-family:Poppins,cursive;height:10rem;max-height:60vh;max-width:70vw;min-height:10rem;min-width:20rem;padding:2rem;width:20rem}.text_input_area_div textarea:focus{border:0}.main_typing_wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;height:fit-content;margin-top:2rem;width:100%}.boundary_checker{border-left:9px dashed gray;border-right:9px dashed gray;height:20rem;position:absolute;width:10rem;z-index:1}.caution_title{color:#202020;font-family:Playwrite GB S,cursive;font-size:.7rem;text-align:center}.download_wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.download_wrapper button{border:3px solid #000;border-radius:2rem;cursor:pointer;font-family:Playwrite gb s;padding:.5rem 2rem;transition:.3s}.download_wrapper button:hover{filter:brightness(80%)}.explanation_screen,.explanation_screen_2{align-items:end;display:flex;flex-direction:column;font-family:Playwrite GB S;margin:5rem 3rem 0;max-width:1300px}.explanation_screen>p:nth-child(2),.explanation_screen_2>p:nth-child(2){background:#ff8a8a;border:2px solid #000;border-radius:5px;box-shadow:5px 5px;box-sizing:border-box;padding:1rem}.explanation_screen_2>p:nth-child(2){background:#ffc38a}.explanation_screen_2{align-items:start}.explanation_screen p:first-child,.explanation_screen_2 p:first-child{font-size:2rem}.explanation_screen_2 .steps{background:#c0d5ff;border:2px solid #000;border-radius:5px;box-shadow:5px 5px;box-sizing:border-box;padding:1rem;width:50%}.explanation_screen p{font-family:Playwrite GB S;text-align:end;width:50%}.explanation_screen img{left:0;margin-left:5rem;position:absolute;width:45rem}.explanation_screen_2 p{font-family:Playwrite GB S;text-align:start;width:50%}.explanation_screen_2 img{margin-top:5rem;position:absolute;right:0;width:53rem}.explanation_screen_2 .steps{display:flex;flex-direction:column;margin-bottom:3rem;margin-left:2rem}.steps p{font-size:inherit!important;width:100%!important}.output_storer>div>.img:first-child,.output_storer>div>p:first-child{margin-left:0!important}.output_storer>div>.img{background-position:50%;background-size:cover;height:3rem;margin-left:-5px;object-fit:cover;object-position:center}.output_storer>div>p{margin-left:-1px}.letter_spacing_wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2rem}.letter_spacing_wrapper input{background:#000;border:0;border-radius:2rem;color:#fff;font-family:Poppins,cursive;font-weight:700;padding:.4rem;text-align:center;width:10%}.on_page{background:#fff!important;border:3px solid #000!important;color:#000!important}.background_design{background:url(/assets/background.png);background-repeat:repeat;background-size:cover;background-size:contain;height:100%;opacity:.7;position:absolute;top:0;width:100%;z-index:-1}