*{margin:0;padding:0;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;box-sizing:border-box}:root{--background_color: rgb(80, 8, 8);--background_color_two: rgb(8, 8, 30);--font_color_one: gainsboro;--font_color_two: burlywood;--shadow_color: black;--hover_color: rgb(70, 8, 8)}.light{--background_color: rgb(102, 190, 225);--background_color_two: gainsboro;--font_color_one: black;--font_color_two: rgb(90, 8, 8);--shadow_color: gainsboro;--hover_color: rgb(95, 180, 213)}#main_box{width:100vw;height:100vh;background-color:var(--background_color);color:var(--font_color_one);display:grid;grid-template-rows:.4fr .4fr 7fr .4fr}#header_div{display:flex;justify-content:space-between;padding:2px 10px}#header_logo_div h1{padding:0 30px;color:var(--font_color_one);position:absolute;top:2.5vh;font-size:40px;animation-name:icons_animation;animation-duration:2s;animation-timing-function:ease}.icon_text_div{display:flex;flex-direction:row;align-items:center;padding:5px 10px;animation-name:icons_animation;animation-duration:2s;animation-timing-function:ease}.icon_text_div:hover{cursor:pointer}#menu_div{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--font_color_one)}#menu_div button{padding:5px 10px;border:1px solid var(--background_color);background-color:var(--background_color);font-size:18px;color:var(--font_color_one)}#menu_div button:hover{cursor:pointer}#second_line_div{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:5px;border-bottom:1px solid var(--font_color_one)}.innermenu_secondline_header{display:flex;flex-direction:row;align-items:center}#second_line_div button{padding:2px 10px;background-color:var(--background_color);border:1px solid var(--background_color);color:var(--font_color_one);font-size:14px;border-radius:10px}#second_line_div button:hover{cursor:pointer}#second_line_div select{padding:2px 10px;background-color:var(--background_color);border:1px solid var(--background_color);color:var(--font_color_one);font-size:14px;border-radius:10px}#second_line_div select:hover{cursor:pointer}#second_line_div option{background-color:var(--background_color);text-shadow:1px 1px 5px var(--shadow_color)}#textarea{width:100%;height:100%;border:none;outline:none;padding:20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--background_color);border-radius:2px;border:1px solid var(--font_color_one)}#footer_div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--font_color_one);background-color:var(--background_color)}#copyright_info{display:flex;flex-direction:row;align-items:center;padding:0 20px}#copyright_info p{padding:0 0 0 10px;animation-name:icons_animation;animation-duration:2s;animation-timing-function:ease}#copyright_info span{animation-name:icons_animation;animation-duration:2s;animation-timing-function:ease}#word_and_letter_details{display:flex;flex-direction:row;padding:0 20px}#word_and_letter_details p{background-color:var(--temp_color);padding:0 0 0 10px;border-radius:10px;border:1px solid var(--temp_color);color:var(--font_color_one);font-size:16px;animation-name:icons_animation;animation-duration:2s;animation-timing-function:ease}#dialog_box{position:fixed;top:40%;left:37.5%;z-index:1;width:27vw;height:22vh;border:2px solid var(--font_color_one);background-color:var(--background_color);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}#dialog_box p{font-size:20px;padding:10px}#dialog_box_buttons_div button{padding:5px;margin:10px;border-radius:10px;width:5vw;font-size:18px;background-color:var(--font_color_one);color:var(--background_color)}#dialog_box_buttons_div button:hover{background-color:var(--font_color_two)}#help_and_about_box{position:fixed;top:15%;left:20%;z-index:1;width:60vw;height:75vh;border:2px solid var(--font_color_one);background-color:var(--background_color);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}#help_and_about_box h3{text-align:center;padding:10px}#help_and_about_box div{overflow-y:scroll}#help_and_about_box p{padding:15px;line-height:1.6;font-size:16px}#help_and_about_box button{text-align:center;background-color:var(--font_color_one);color:var(--background_color);padding:5px 20px;border-radius:10px;margin:10px}#help_and_about_box button:hover{background-color:var(--font_color_two)}#help_and_about_box a{color:var(--font_color_two);text-decoration:none;padding:15px}#help_and_about_box a:hover{cursor:pointer;font-style:italic}@keyframes icons_animation{0%{opacity:0}to{opacity:1}}@media print{textarea{display:none!important}#textarea_print_div_id{display:block!important}}@media screen and (max-width: 500px){#header_div{padding:2px 5px}#header_div h1{padding:0;font-size:22px;top:3vh}#menu_div button{font-size:13px;padding:2px}#second_line_div button,#second_line_div select{margin:2px;padding:5px;font-size:13px}#dialog_box{top:40%;left:10%;height:20vh;width:80vw}#dialog_box p{font-size:13px}#dialog_box_buttons_div button{font-size:13px;width:15vw}#help_and_about_box p{font-size:13px}#footer_div p{font-size:13px;margin:5px 10px}}