.puzzle_container{height:calc(100% - 2rem);width:calc(100% - 2rem);margin:1rem;border:1px solid #484848;display:flex;justify-content:center;align-items:center;position:relative}.puzzle_container .board_container{margin:0 auto;height:80vmin;width:80vmin;display:grid;grid-template-rows:repeat(9,1fr);border:1px solid #484848}.puzzle_container .board_container .board_row{display:grid;grid-template-columns:repeat(9,1fr)}.puzzle_container .board_container .board_row:nth-child(2n) .board_col:nth-child(2n),.puzzle_container .board_container .board_row:nth-child(odd) .board_col:nth-child(odd){background-color:#fff}.puzzle_container .board_container .board_row .board_col{width:100%;height:100%;border:1px inset #484848;transition:.3s;display:flex;justify-content:center;align-items:center}.puzzle_container .board_container .board_row .board_col input,.puzzle_container .board_container .board_row .board_col p{display:flex;justify-content:center;align-items:center;font-size:200%;font-weight:600;transition:.3s;height:90%;width:90%;color:#212121;outline:none;border:none;background-color:transparent;text-align:center}.puzzle_container .board_container .board_row .board_col input::-moz-placeholder,.puzzle_container .board_container .board_row .board_col p::-moz-placeholder{color:#212121}.puzzle_container .board_container .board_row .board_col input:-ms-input-placeholder,.puzzle_container .board_container .board_row .board_col p:-ms-input-placeholder{color:#212121}.puzzle_container .board_container .board_row .board_col input::placeholder,.puzzle_container .board_container .board_row .board_col p::placeholder{color:#212121}.puzzle_container .board_container .board_row .board_col input:focus,.puzzle_container .board_container .board_row .board_col p:focus{cursor:text;outline:none;background-color:#8466ff!important;color:#fff;border-radius:.25rem}.puzzle_container .board_container .board_row .board_col:hover{cursor:pointer}.puzzle_container .board_container .board_row .board_col:hover input,.puzzle_container .board_container .board_row .board_col:hover p{background-color:#7eecbe;border-radius:.25rem}.puzzle_container .board_container .board_row .board_col:focus{cursor:text;outline:none}.puzzle_container .board_container .board_row .board_col:focus input,.puzzle_container .board_container .board_row .board_col:focus p{background-color:#8466ff;color:#fff}.puzzle_container .board_container .board_row .bottom_highlight{border-bottom:3px solid #484848}.puzzle_container .board_container .board_row .top_highlight{border-top:3px solid #484848}.puzzle_container .board_container .board_row .right_highlight{border-right:3px solid #484848}.puzzle_container .board_container .board_row .left_highlight{border-left:3px solid #484848}.puzzle_container .board_container .board_row .calculated_highlight input,.puzzle_container .board_container .board_row .calculated_highlight p{background-color:#8466ff;color:#fff}.puzzle_container .board_container .board_row .entered_highlight input,.puzzle_container .board_container .board_row .entered_highlight p{border:1px solid #484848}.puzzle_container .board_container .board_row .sort_unhighlight input,.puzzle_container .board_container .board_row .sort_unhighlight p{border:1px solid #a8a8a8;color:#a8a8a8;background-color:#eee}.puzzle_container .board_container .board_row .hover_highlight input,.puzzle_container .board_container .board_row .hover_highlight p{border-radius:.25rem;background-color:#7eecbe}.puzzle_container .board_container .board_row .invalid_highlight input,.puzzle_container .board_container .board_row .invalid_highlight p{color:#fff;border-radius:.25rem;background-color:#f66}.puzzle_container .overlay{position:absolute;top:-1rem;left:-1rem;height:calc(100% + 2rem);width:calc(100% + 2rem);background-color:#484848;opacity:.7;display:none}@media(max-width:768px){.puzzle_container .board_container .board_row .board_col input,.puzzle_container .board_container .board_row .board_col p{font-size:150%}}.draggables{width:40vmin;height:40vmin;padding:1rem;margin:1rem auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border:1px solid #fff}.draggables .drag_num{width:100%;height:100%;border:1px solid #fff;display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;transition:.3s}.draggables .drag_num p{font-size:150%;font-weight:500;color:#fff;transition:.3s}.draggables .drag_num:hover{background-color:#484848}.draggables .drag_num:hover p{color:#fff}@media(max-width:768px){.draggables{display:none}}.section_container{width:40vmin}.section_container .click_section{width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;border:1px solid #fff;padding:.5rem 1rem;margin:.5rem auto;transition:.3s}.section_container .click_section:hover{color:#66ffa6;border:1px solid #66ffa6;cursor:pointer}.section_container .content{width:100%}.section_container .content p span{color:#66ffa6}.unsolvable .click_section{border:1px solid #f66;color:#f66}.unsolvable .click_section:hover{color:#f66;border:1px solid #f66;cursor:default}.reset .click_section{border:1px solid #a754ee;color:#a754ee}.reset .click_section:hover{color:#fff;border:1px solid #a754ee;cursor:pointer}#githubText:hover{cursor:pointer}@media(max-width:768px){.section_container{width:70vw}.section_container .content{width:100%;margin:2rem 0 5rem 0}}.theme_container{height:-webkit-max-content;height:-moz-max-content;height:max-content;width:30vmin}.theme_container .selectedValue{border:1px solid #fff;width:100%;display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.theme_container .selectedValue .selected_text{display:flex;align-items:center;justify-content:center}.theme_container .selectedValue .selected_text p{font-weight:500;padding:.5rem 0 .5rem 1rem}.theme_container .selectedValue .selected_text p:first-child{font-weight:700}.theme_container .selectedValue i{padding:.5rem 1rem}.theme_container .selectedValue:hover{cursor:pointer}.theme_container .selection_container{display:none;width:15rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;position:absolute;z-index:15;list-style-type:none;border:2px solid #fff;color:#fff;border-radius:8px;filter:drop-shadow(10px 10px 5px rgba(0,0,0,.329))}.theme_container .selection_container li{padding:.5rem 1rem;background-color:#2e2e2e}.theme_container .selection_container li:nth-child(2n){background-color:#212121}.theme_container .selection_container li:first-child{border-radius:8px 8px 0 0}.theme_container .selection_container li:hover{cursor:pointer}.theme_container .selection_container .lastTheme{border-radius:0 0 8px 8px}.actions_container{margin:0 auto;background-color:#212121;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Montserrat;color:#fff;text-align:left}.actions_container .actions_heading{width:40vmin;margin:1rem auto}.actions_container .actions_heading h1{font-size:250%}.actions_container .actions_heading p span{color:#66ffa6}.actions_container .github_text{width:40vmin;margin:1rem auto;text-align:center}.actions_container .github_text span{color:#66ffa6}.actions_container .github_text:hover{cursor:pointer}@media(max-width:768px){.actions_container{width:100vw;text-align:center}.actions_container .actions_heading{width:80vw;padding:1rem 0}.actions_container .actions_heading h1{font-size:250%}.actions_container .github_text{margin:2rem 0;width:80vw}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}.main_container{min-height:100vh;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100vw;display:grid;grid-template-columns:40vw 60vw;justify-content:center;align-items:center;background-color:#eee}@media(max-width:768px){:focus{background:unset;color:unset}.main_container{grid-template-columns:100vw}}