.nav-bar{display:flex;justify-content:center;background-color:#f8f9fa;padding:10px;border-bottom:2px solid #ccc;border-radius:15px}.nav-link-user{color:red}.nav-link-user:hover{color:red;cursor:none}.dropDown{background-color:gray;border-radius:10px}.dropDownMenu{background-color:gray}ul{text-align:left;margin:0;padding:5px}.dailyPointsClass{display:flex;justify-content:center;background-color:#fdfd15;margin:10px;border-radius:15px;width:100%}.dropDown:hover,.dropDownItem:hover{background-color:#d3d3d3;color:#000}.dropDownItem:first-child{font-weight:700;background-color:#fff;color:#000}.dropDownItem{text-align:left;color:#000}.dropDownMenu{text-align:left;border:2px solid black;border-radius:15px;background-color:#fff}.dropDownItem{border-bottom:2px solid black;text-align:center}.linkDiv{white-space:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;height:70%}.dropDownDiv{width:20%;height:100%;padding:0;overflow-x:hidden;overflow-y:hidden;text-align:center}.logoImg{width:80%}.dropDownButton{background-color:#fff;border:4px solid black;border-radius:100px;padding:0%!important;width:99%;margin:1% 0% 0% 1%!important}.dropDownButton:hover{background-color:#d3d3d3;color:#000}.nav-link:hover{background-color:#d3d3d3;text-decoration:underline}.navigation{position:relative;z-index:10000;border:2px black solid;border-radius:15px}.navigation{padding:0!important;margin:0% 0% .5%!important}.nav-bar{padding:0!important;margin:0!important;width:100%!important}.nav-bar,.navigation{border-radius:15px}.navDiv{display:inline;overflow-x:auto;white-space:nowrap;width:100%;margin:0%!important}.navLinksDiv{padding:7% 0% 0%;text-align:center}h1,h2,h3,h4,h5,p,div{color:#000}li:hover{background-color:#fff;color:#000}.drawPad{width:100vw;display:flex;justify-content:center;align-items:center}.drawPad p{max-width:90px}input[type=range][orient=vertical]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:50%;height:75%;padding:0 5px;background:transparent}input[type=range]::-webkit-slider-runnable-track{background:#b3b3b3;height:.5rem;width:100%}input[type=range]::-moz-range-track{background:#b3b3b3;height:.5rem}.canvas-container{padding:0;margin:0;border:0}.canvasDiv{width:85%}.canvas{width:100%!important}.navigation{position:sticky;top:0;display:inline-block;width:100%}.closeMessagesButton:hover{background-color:#d3d3d3;color:#000}button{margin:5px;width:30%}.messagesDiv{width:82%;height:60%;position:fixed;bottom:20px;right:20px;background-color:#373a37;color:#fff;padding:15px;border-radius:20%;border:none;cursor:pointer;box-shadow:0 4px 8px #0003;z-index:9998!important}.showMessagesButton:hover{background-color:#d3d3d3;color:#000}.showMessagesDiv{position:fixed;bottom:0;right:0;background-color:#373a37;color:#fff;border-radius:20%;border:none;cursor:pointer;box-shadow:0 4px 8px #0003;z-index:9998!important}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;width:100%;height:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loginDiv{width:100%}.loginIndicator:hover,.linkLoginIndicator:hover,.signupIndicator:hover{text-decoration:underline}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.card{width:100%}.login-container{color:#000}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;text-align:center}.login-form{margin-bottom:20px;margin-top:10px}.addDiv{display:inline-flex;width:100%}.form-group{margin-bottom:15px;text-align:left}.form-group label{font-weight:700}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.error-message{color:red;margin-bottom:15px}.button-container{display:flex;justify-content:space-between;margin-bottom:15px}.button-container button{width:45%;padding:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;font-weight:700;cursor:pointer;width:100%}.button-container button:hover{background-color:#0056b3}.home-button{margin-top:20px}.loginIndicator,.signupIndicator{width:48.5%;margin:1px 5px 1px 1px;border-color:#d3d3d3}.inputLabel{border-color:#fff;background-color:#fff}.signUpNav{width:100%}.signUpDiv{width:100%;display:inline-block;white-space:nowrap;overflow-x:auto}.signUpLinkDiv{width:30%;display:inline-block;white-space:nowrap;overflow-x:auto}.signUpLinkDiv:hover{background-color:#d3d3d3}.loginIndicator{width:25%;display:inline-block}.linkLoginIndicator{width:30%;display:inline-block}.signupIndicator{width:25%;display:inline-block}.seperator{width:7%;margin:0;display:inline-block}.loginIndicator:hover,.linkLoginIndicator:hover,.signupIndicator:hover{background-color:#d3d3d3}.htmlBlock,.App{background-color:#dcdcdc}.aboutPage{display:flex;align-items:center;flex-direction:column;color:#000}.aboutTextBody{width:50%}li{text-decoration:underline white!important;border-bottom:2px black solid}.roomLi:hover{background-color:#fff;color:#000!important;text-decoration:black underline!important;border-bottom:2px black solid}.roomLi{text-align:center;text-decoration:underline white!important;color:#fff!important}h3{text-decoration:none!important}.roomsList{text-align:center}.roomLinkDiv{width:100%!important}DropdownItem:hover{background-color:#000}li{text-align:center}li:hover{background-color:#dcdcdc}button:hover{background-color:#fff;color:#000}button{width:50%;border:2px solid black;border-radius:15px}.roomLi:hover{background-color:#fff;text-decoration:underline}.roomLi{text-align:center;color:#000;margin:2% 0 0}h3{text-decoration:underline}.roomLink,.roomLi{text-decoration:none!important}.drawPad{align-items:center}.footer{background-color:#d3d3d3;border-radius:15px}.uploads{display:inline}input{font-size:20px;line-height:1.5em;font-family:Calibri,sans-serif;min-height:64px}.submitDrawingClass{width:100%}.brushSize{color:#000;margin:0 5%}.pictureAnswerHeader{color:#000}.colorBox:hover,.colorBoxLabel:hover{border:3px solid yellow!important;border-color:#ff0}.colorBox{width:100%!important}.brushSizeInput,.colorSelectDiv{width:100%}.toolsDiv{width:10%!important;text-align:right}.answerForm{text-align:center}.canvas{width:auto}.pixSizeInput{font-size:medium;margin:0;padding:0;height:9vh!important;width:100%!important}.brushSizeDiv,.canvasDiv{width:100%}.canvas-container{width:100%!important}.createImageImg{width:60%}input{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box;border:none;border-bottom:2px solid black;text-align:center}.winsLossesDiv{display:inline-flex;width:100%}.winsDiv,.lossesDiv{text-align:center;width:100%}.label{border:none;text-align:center;vertical-align:middle}.inputLabelPair{text-align:center;align-content:center;display:block}.buttonDiv{text-align:center;overflow-x:auto}.header{text-decoration:underline;font-size:xx-large;width:100%}.challengerDiv{text-align:center;display:inline-flex;width:100%;flex-wrap:wrap}.vsHeader{width:100%}h1{text-align:center;margin:3%}.box{height:50px;width:50px;border:2px solid black}.inputLabelPair,.inputLabelOppPair,.playCPULabel{text-align:center}.userEmailCol{text-align:center!important}table.gameTable tr:hover td{background-color:#fff}a:hover{text-decoration:underline}.nav-bar{display:flex;justify-content:center;background-color:#f8f9fa;padding:10px;border-bottom:2px solid #ccc}.nav-link{margin:0 15px;text-decoration:none;color:#007bff;font-weight:700}.nav-link:hover{text-decoration:underline;color:#0056b3}.toolSelect{background-color:gray}.drawPad{display:flex;align-items:center;flex-direction:column}.footer{display:flex;flex-direction:row}.uploads{display:flex;flex-direction:column;justify-content:space-between;padding:15px}input{font-size:20px;line-height:1.5em;padding:15px;font-family:Calibri,sans-serif;min-height:64px}table,.userEmailCol,.userSolvedCol{text-align:left}table,th,td,label{border:1px solid black;border-collapse:collapse;text-align:center}th{background-color:#3d3939da;color:#f7f6f6}.historyLi:hover{background-color:#fff;text-decoration:underline}.rowIndexCell{width:5%}td{background-color:gray}td:hover{background-color:#d3d3d3}.bsPosSelected{background-color:red}.bsPosPotential{background-color:#ff0;color:#000}.bsPos{background-color:gray}.deleteChild,.deleteButton{border:none;margin:1px;padding:10px;width:100%}.parent{border:1px solid black;text-align:center;display:inline;white-space:nowrap}.shipLayoutChild,.shipLayoutTable{width:100%}.ship-pos-2:hover,.ship-pos-3:hover,.ship-pos-4:hover,.ship-pos-5:hover{background-color:#d3d3d3!important}.ship-pos-selected{background-color:#ff0}.ship-pos-miss{background-color:#00f}.ship-selected{border:3px solid gold!important}.ship-unselected{border:2px solid black}.place-ship{background-color:#000}.place-ship:hover{background-color:gray}.send-layout{background-color:#000}.send-layout:hover{background-color:gray}.instructionsDiv{width:100%!important;text-wrap:wrap}.tableDiv,.tableClass{width:100%!important;margin:50% 0% 0%!important}.layoutChild{display:inline-flex;overflow-x:auto;width:100%;margin:0%}.shipInstructionSelelectionChild{overflow-wrap:normal;width:25%}.headerChild{width:100%!important;text-wrap:wrap}table,th,td,label{border:1px solid black;border-collapse:collapse;text-align:center;background-color:gray;text-wrap:wrap}h3{text-align:center}.buttonDiv{width:100%}.challengerChild{padding:0 0 10px}.opponentChild,.challengerChild{margin:0 0 0 5px}td{background-color:#e6e6e6;color:#000}td:hover{background-color:#a9a9a9}th{background-color:#d1d1d1;color:#000}table{position:relative;width:100%!important}.instructionsDiv{width:10%}.guessTableHeader{position:sticky;top:0}.historyChild{margin:0;width:10px!important}.parent{display:inline-flex;flex-wrap:wrap}.roomHeaderDiv{width:100%}.make-guess-button{position:fixed;bottom:20px;right:20px;background-color:#0e5e11;color:#fff;padding:15px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 4px 8px #0003;z-index:101}.make-guess-button:hover{background-color:#45a049;initial-value:"test"}.test,.guessTableHeader,.whoseTurnHeader{background-color:#fff;border:1px black solid;text-align:center}.whoseTurnDiv{width:100%;text-align:center}.guessTable{display:block;overflow-y:auto;scroll-behavior:smooth;margin:3% 10% 3% 0%!important}.bsPosSelected{background-color:#ff0}.guessTable{margin:10px;height:250px}.opp-id{background-color:#9b9b9b;color:#000;position:relative;width:50%!important}.challenger-id{background-color:#666;color:#f0efef;text-wrap:wrap!important;position:relative;width:50%!important}.backButton{padding:0;margin:0;width:100%;text-align:center}.backButtonDiv{text-align:left;margin:1% 0%}.roomNameHeader{background-color:#fff;color:#000!important;border:2px black solid;text-align:center;margin:0;width:100%}.userName,.guessHit{width:100%}.bsPos{background-color:#e6e6e6}h2{text-decoration:underline}.ship-pos-2{background-color:#6495ed}.ship-pos-2:hover{background-color:#6495ed!important}.ship-pos-3{background-color:#ba55d3}.ship-pos-3:hover{background-color:#ba55d3!important}.ship-pos-4{background-color:#b8860b}.ship-pos-4:hover{background-color:#b8860b!important}.ship-pos-5{background-color:green}.ship-pos-5:hover{background-color:green!important}.ship-pos-selected{background-color:gold;color:#000}.ship-pos-hit,.ship-pos-hit:hover{background-color:red;color:#fff}.ship-pos-miss,.ship-pos-miss:hover{background-color:#00f;color:#fff}.ship-selected{border:2px solid gold}.ship-pos-selected:hover{background-color:gold}.ship-selected:hover,.bsPosSelected:hover{background-color:2px solid gold}.ship-unselected{border:1px solid black}.empty:hover{background-color:#a9a9a9}.sunk,.sunk:hover{background-color:red}.send-layout{background-color:#d3d3d3;color:#000}.send-layout:hover{background-color:#000;color:#fff}.msgGroups{text-align:left;float:left;width:100%!important;overflow-y:auto;height:auto;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}.msgGroup{border:1px solid black;display:inline block;background-color:#fff;width:100%!important;text-align:center!important}.msgGroupTabName{display:inline block;overflow:hidden;width:100%!important;border:none!important;background-color:#fff;text-align:ce}.msgGroupTabName:hover,.msgGroup:hover{background-color:#d3d3d3!important;color:#000!important;cursor:pointer}.newMessageButton{width:100%!important;height:10%;font-size:small;text-align:center;margin:0;padding:0}.newMessageButton:hover{background-color:#fff!important}.msgGroupsDiv{border-right:4mm ridge rgba(211,220,50,.6);width:100%!important;height:auto}.recipientListTitle,.recipientList{color:#000}.newMessageButton:hover,.addRecipientButton:hover{background-color:#d3d3d3;color:#000}.groupNameLabel{border:none;color:#000;font-size:xx-large;text-align:center;width:100%}.groupNameDiv{text-align:center}.addRecipientLabel{border:none;color:#000;font-size:xx-large;text-align:center;width:100%}.addNewRecipientDiv{text-align:center}input:placeholder-shown{text-align:center}.msgInput{text-align:center}.root{display:inline-flex;text-align:center;position:relative;height:300px}.activeGamesDiv{border-right:2px black solid;border-left:2px black solid;margin:0%;overflow-y:auto;width:30%}.loadingLayoutDiv{margin:0%;overflow-y:auto;width:30%}.pastGamesDiv{overflow-y:auto;width:30%}.headerDiv{text-align:center;text-decoration:underline;width:100%}.msgGroup{border:1px solid black;display:inline block;width:98%;text-align:left}.msgGroupTabName{border:1px solid black;display:inline block;overflow:hidden;width:98.82%}.msgGroup:hover{background-color:#d3d3d3}.deleteChatButton:hover{background-color:#d3d3d3}.scrollToBottomDiv{border-color:"black";width:100%;margin:0 auto;opacity:.3;text-align:center}.scrollToTopDiv{position:absolute;border-color:"black";width:100%;top:0;margin:30px 0 40px 200px;opacity:.3}.scrollToBottomClass{margin:0;padding:0}.msgGroups{text-align:left;float:left;width:90%;overflow-y:auto;height:auto;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}.msgGroups::-webkit-scrollbar{display:none}.recipientHeader{font-size:medium}.sendButton{padding:0;height:100%}.msgInput{text-align:center;margin:0!important;padding:0!important;width:100%!important;text-align:center!important}.msgGroup{display:inline block;width:98%;text-align:left;background-color:inherit;border:none;border-bottom:2px solid black;margin:2% 0 0}.chatList{text-align:left;padding:0}.chatListItem{margin:0% 0% 0% 3%;white-space:nowrap}ol li::marker{color:#000!important}.msgGroupTabName{border:1px solid black;overflow:hidden;width:98.82%;background-color:inherit}.msgGroup:hover{background-color:#fff!important}.membersLabel{background-color:inherit;font-weight:700}.membersLabel:hover{color:#000}.msg{border:1px solid black;display:flex}.messagesRootDiv{width:100%;display:inline-flex;height:auto}.msgsDiv{text-align:center}ul{list-style-type:none;padding:0}.newMessageButton{width:95%;height:10%;font-size:small;text-align:center;margin:0 0 5px;padding:10px 0}.newMessageButton:hover,.msgGroupTabName:hover{background-color:#fff!important}.groupNameHeader{text-align:center;font-size:small}.newMessageModalClass{z-index:9998!important}.msgsHeader{text-align:center;font-size:large;width:100%}.msgGroupsDiv{border-right:4mm ridge rgba(211,220,50,.6);width:25%;height:auto}.otherUserMsgBlock{text-align:left;width:100%;display:inline-block}.otherUsotherUserMsgBlockername{text-align:left}.msgGroupDiv{width:100%!important;overflow-y:auto}.selectedMsgGroupDiv{width:100%;-ms-overflow-style:none;scrollbar-width:none;display:inline}.selectedMsgGroupDiv::-webkit-scrollbar{display:none}.currentUserMsgBlock{text-align:right;width:100%}.currentUserMsgItem{text-align:right!important;width:100%;display:inline-block}.currentUserTimestamp{visibility:hidden;font-size:small;text-decoration:underline}.currentUserMsg{text-align:right!important;font-size:small;overflow-wrap:break-word;inline-size:50%;float:right;width:100%}.currentUserMsgButton:hover{border:2px solid black;background-color:#d3d3d3}.otherUserMsg{text-align:left!important;font-size:small;overflow-wrap:break-word;inline-size:50%;float:left;width:100%}.otherUserLabel{font-size:small;color:#e46969;text-align:left}.currentUserLabel{font-size:small;color:#697ce4;text-align:rihgt}.currentUserMsgButton{background-color:#fff;color:#000;text-align:right}.otherUserMsgButton{background-color:#fff;color:#000;text-align:left}.newGameButton{width:100%}.messageListClass{overflow-y:auto;scroll-behavior:smooth;width:100%;display:inline-block;height:50vh}.messageListClassDiv{height:50vh}.sendMsgDiv{display:inline-flex;width:100%}.contentDiv{width:100%}.sendInput:hover{background-color:#fff;color:#000}.pictoRoomDiv:hover{background-color:#fff;color:#000;text-decoration:underline white}.pictoGameItem{text-align:left;color:#000;border-bottom:2px black solid!important;margin:0% 0% 0% 3%}h3{text-decoration:none}.label:hover{color:#000}.pictoRoomList{text-align:left!important;padding:0;margin:0}ol li::marker{color:#000}p{white-space:nowrap;text-align:left!important}.roomOwnerLabel,.roomNameLabel{font-weight:700;background-color:inherit;white-space:nowrap}h2{text-align:center}.label{text-decoration:underline}.pictoRoomLink:hover,.roomOwnerLabel:hover,.roomNameLabel:hover,.pictoGameItem:hover,p:hover{background-color:#fff;color:#000;cursor:pointer;text-decoration:none}.pictoRoomLink::marker{color:#000}.pictoRoomLink{margin:0;padding:0;overflow-x:scroll}.pictoRoomDiv{text-align:center;border-bottom:2px black solid}.pictoRoomDiv::marker{color:#000!important}.guessImageDiv,p{text-align:center}.userDisplay{max-width:fit-content;margin-left:auto;margin-right:auto}.userLabel{display:inline;white-space:nowrap}.commentsDisplay{margin-left:auto;margin-right:auto;width:100%}.commentInput{margin-left:auto;margin-right:auto;border:2px solid black;width:99%}.sendButton{font-weight:bolder;font-size:xx-large;display:inline block;width:7%;float:right;position:relative;right:8px;top:-64px;border-radius:5px;margin:0;padding:0}label{background-color:#fff;border:none}label:hover{color:#d3d3d3}.postLogoImg{width:10%;display:inline;white-space:nowrap}.postDiv{border:2px solid black;width:75%;margin-left:auto;margin-right:auto;margin-bottom:10px;text-align:center;background-color:#fff}.postsDiv{position:absolute;text-align:center;width:100%}.contentDiv{text-align:center}.contentDisplay{display:inline;white-space:nowrap;margin-left:auto;margin-right:auto;text-align:center}.logoImg{width:75%}