.background{background-image:url("/static/wfqueen/assets/background_small.png?968959389822");background-repeat:repeat;background-size:50%;opacity:1;top:0px;left:0px;bottom:0;right:0;position:fixed;z-index:-1}.field,.board{width:60%}body{font-size:2vh}.screenshot_input{max-width:30%}.div_words,.div_letters{height:100%}.words_list{max-height:85}.letters_list{max-height:80%}.result_list{column-count:1;text-align:center}.result_list_letters{column-count:1}.language_code:active{background-color:red!important}.language_code{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.language_code:focus{outline:none!important}.div_buttons{}.output_button{width:90%;border-radius:10px;margin:auto;display:block;border-color:linen;height:80px}.mobile_wide{display:none}input[type=file]::file-selector-button{background-color:mediumturquoise;border-color:linen;border-radius:5px;height:40px}#button_upload{background-color:mediumturquoise;border-color:linen;border-radius:5px;height:40px;margin-bottom:10px}#button_upload:focus{outline:none}#read_button{background-color:rgb(185,205,75)}#word_button,#letter_button{color:black}#word_button{background-color:rgb(215,105,45)}#letter_button{background-color:rgb(215,175,45)}.upload{}.letter{font-size:30px}.img_letter{width:40px;height:40px}.padding{padding:10px}.content{margin-top:80px;margin-bottom:10px}.body_color{background-color:rgba(239,252,231,.9);border-radius:5px;min-height:85vh;font-family:"Indie Flower";margin-bottom:10px}.main_grid{font_size:1.5em;font-family:'Indie Flower'}.body{font-size:1.5em}.title{text-align:center}.intro{width:100%;background-color:rgb(40,40,40);border-radius:5px;color:rgb(201,198,176);background-image:url("/static/wfqueen/assets/titlebar_desktop.png?49d53db72207");background-size:auto 100%;background-repeat:no-repeat;background-position:center}.intro_text{display:block;margin-top:150px;padding:15px;width:100%;text-align:center}.input{border-radius:5px;width:100%;background-color:olive;padding:15px;color:rgb(201,198,176);text-align:center}.input_field{margin-bottom:1rem}.paragraph{margin-bottom:30px}.paragraph h3{margin-top:10px;margin-bottom:10px}.img_icon{height:3em}.topnav{background-color:rgb(51,51,51);position:fixed;width:100%;font-family:"Indie Flower";color:rgb(201,198,176);font-size:3vh}.topnav a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.dropdown{float:left}.dropdown .dropbtn{font-size:3vh;border:none;outline:none;color:white;padding:20px 16px;background-color:inherit;font-family:inherit;margin:0;color:inherit}.topnav a:hover,.dropdown:hover .dropbtn{}.dropdown-content{display:none;position:fixed;background-color:rgb(201,198,176);color:rgb(40,40,40);font-size:inherit;border-radius:5px;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.dropdown-content a{float:none;color:black;padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:#ddd;border-radius:5px}.dropdown:hover .dropdown-content{display:block}.footer_text{background-color:rgba(239,252,231,0.8);width:100%;padding-top:5px;padding-bottom:5px}.footer,#footer{clear:both;position:relative;left:0;width:100%;bottom:0;color:black;text-align:center}#content-wrap{padding-bottom:4rem}#footer{position:fixed;bottom:0;left:0}.body{grid-area:body}.intro{grid-area:intro}.block_content{grid-area:block_content}.block_content2{grid-area:block_content2}.input{grid-area:input}.field{grid-area:field}.board{grid-area:board}.output{grid-area:output}.words{grid-area:words}.output_letters{grid-area:output_letters}.output_words{grid-area:output_words}.letters{grid-area:letters}.footer{grid-area:footer}.dropdown{grid-area:drop-down}.tiles_overview{grid-area:tiles_overview}.board_letters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-flow:row;margin-bottom:20px;border:1px solid grey}.board_letter{height:auto;width:100%;display:flex;justify-content:center;align-items:center}.tiles_overview{width:100%;display:grid;grid-template-columns:repeat(5,minmax(50px,1fr));gap:5px;grid-auto-flow:row;grid-gap:2px;padding:2px;justify-content:space-evenly;justify-items:center}.overview_tile{height:auto;width:100%;display:flex;justify-content:center;align-items:center}.main_grid{display:grid;grid-template-areas:'body' 'footer';grid-template-columns:repeat(1,1fr);grid-gap:10px;justify-content:space-evenly}.body{display:grid;grid-template-areas:'intro' 'block_content';gap:10px;padding:10px;grid-template-columns:repeat(1,1fr)}.input_output{display:grid;grid-template-areas:'input output';gap:10px;grid-template-columns:repeat(2,1fr);justify-content:space-evenly}.output{display:grid;grid-template-areas:'output_letters output_words';gap:10px;grid-template-columns:repeat(2,1fr);justify-content:space-evenly}.letters_table{text-align:center;display:grid;grid-template-columns:repeat(3,1fr)}.words_list{text-align:center;display:grid;grid-template-columns:repeat(1,1fr)}.letters_list{text-align:center;display:grid;grid-template-columns:repeat(1,1fr)}@media all and (orientation:portrait){.letters_table{text-align:center;display:grid;grid-template-columns:repeat(3,1fr)}.words_list{text-align:center;display:grid;grid-template-columns:repeat(1,1fr)}.input_output{display:grid;grid-template-areas:'input' 'output';gap:10px;grid-template-columns:repeat(1,1fr)}}@media only screen and (min-device-width:320px) and (max-device-width:480px){}.grid-container>div{background-color:rgba(255,255,255,0.8);text-align:center;padding:20px 0;font-size:30px}@media only screen and (min-device-width:320px) and (max-device-width:480px){}@media only screen and (max-device-width:768px){.footer,#footer{padding-right:3px;padding-left:3px;font-size:0.8rem}}@media only screen and (min-device-width:400px) and (max-device-width:1000px){.mobile_wide{display:block}}@media only screen and (max-device-width:480px){input[type=file]::file-selector-button{background-color:mediumturquoise;height:40px}.screenshot_input{max-width:60%}.h1,h1{font-size:2rem}.h2,h2{font-size:1.5rem}.h3,h3{font-size:1.25rem}.intro{background-image:url("/static/wfqueen/assets/titlebar_mobile.png?ab5a5b95300a")}.topnav a{padding:5px 10px}.dropdown,.dropbtn{padding:2px 5px!important}.intro_text{margin-top:120px;font-size:1.8vh}.footer{}.body{font-size:1.2vh}.body_color{margin-bottom:40px}.block_content{font-size:2.5vh}.letter{font-size:4vh}.img_letter{width:4vh;height:4vh}.words_list{max-height:75%}.letters_list{max-height:70%}.img_icon{height:4vh}.topnav{font-size:2vh;height:6vh}.content{margin-top:6vh}.field,.board{width:90%}.tiles_popup{width:90%!important}}@font-face{font-family:"Indie Flower";src:url("/static/wfqueen/fonts/Indie_Flower/IndieFlower-Regular.eot?8333c4da0b9d");src:url("/static/wfqueen/fonts/Indie_Flower/IndieFlower-Regular.eot?&8333c4da0b9d#iefix") format('embedded-opentype'),url("/static/wfqueen/fonts/Indie_Flower/IndieFlower-Regular.woff2?8333c4da0b9d") format('woff2'),url("/static/wfqueen/fonts/Indie_Flower/IndieFlower-Regular.woff?8333c4da0b9d") format('woff'),url("/static/wfqueen/fonts/Indie_Flower/IndieFlower-Regular.ttf?8333c4da0b9d") format('truetype');font-weight:800;font-style:bold}@font-face{font-family:"Rokkitt";src:url("/static/wfqueen/fonts/Rokkitt/Rokkitt-Regular.eot?8333c4da0b9d");src:url("/static/wfqueen/fonts/Rokkitt/Rokkitt-Regular.eot?&8333c4da0b9d#iefix") format('embedded-opentype'),url("/static/wfqueen/fonts/Rokkitt/Rokkitt-Regular.woff2?8333c4da0b9d") format('woff2'),url("/static/wfqueen/fonts/Rokkitt/Rokkitt-Regular.woff?8333c4da0b9d") format('woff'),url("/static/wfqueen/fonts/Rokkitt/Rokkitt-Regular.ttf?8333c4da0b9d") format('truetype');font-weight:400;font-style:normal}