body{color:#2f4f4f;font-family:Lato,sans-serif;position:relative;overflow-x:hidden}html{--scrollbarBG:gainsboro;--thumbBG:whitesmoke;overflow-x:hidden}.topnav{text-align:center;z-index:999;background-color:#f5f5f5;width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 2px -2px gray}.topnav span{padding:14px 20px;display:inline-block}a{text-decoration:none}@media (hover){.topnav a:hover{color:#000;background-color:#ddd;height:100%}}.topnav a.active{color:#fff;background-color:#eee1c8}.gameboard-page-container{flex-direction:column;align-items:center;padding:60px 20px;display:flex}.board-and-word-list{flex-direction:row;display:flex}.selectedLetter{border-color:#474747e6;animation-name:pulse;animation-duration:.3s}@keyframes pulse{0%{transform:scale(1)}80%{transform:scale(1.1)}to{transform:scale(1)}}table{table-layout:fixed;margin:0 11px}td{text-align:center;background-color:#fff;border:2px solid #789;border-radius:3%;width:20px;height:23px;margin:0;padding:0;box-shadow:.5px 1px #4449}.gameboard{background-color:#f5f5f5;margin-right:20px;padding:16px 6px 6px;box-shadow:.5px 1px #4449}.gameboard-header{text-align:center;padding-bottom:8px}.gameboard-button-div{flex-direction:row;justify-content:space-around;display:flex}.gameboard-button{margin:5px}.fa{color:#2f4f4f}.gameboard-button .helptext{visibility:hidden;color:#789;text-align:center;z-index:1;background-color:#ededed;width:120px;padding:2px 0;position:absolute}@media (hover){.gameboard-button:hover .helptext{visibility:visible}}.wordListContainer{background-color:#f5f5f5;overflow:auto;box-shadow:.5px 1px #4449}.wordListHeader{background-color:#f5f5f5;flex-direction:row;justify-content:space-around;margin-top:auto;padding:11px 7px;display:flex}.wordlist-and-info-container{flex-direction:column;width:200px;display:flex}.wordListWords{background-color:#fff;border:5px solid #f5f5f5;border-top:none;border-bottom-right-radius:6%;border-bottom-left-radius:6%;flex-direction:column;height:200px;padding-bottom:6px;padding-left:6px;display:flex;overflow-y:scroll}.wordListWords::-webkit-scrollbar{width:11px}.wordListWords{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}.wordListWords::-webkit-scrollbar-track{background:var(--scrollbarBG)}.wordListWords::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border:3px solid var(--scrollbarBG)}.dog-container{height:160px;margin-top:10px}.dog-image{width:auto;max-height:100%;margin-left:auto;margin-right:auto;display:block}.balanceBar{background-color:khaki;width:100%;height:22px;position:relative}.playerLabel{color:#fff;position:absolute;left:4px}.comLabel{color:#fff;position:absolute;right:4px}.spin{animation:3s linear infinite rotate}@keyframes rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.modal{text-align:center;color:#2f4f4f;z-index:888;background-color:#ededed;border-radius:2%;flex-direction:column;height:200px;display:flex;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);box-shadow:.5px 1px #4449}.modalButtons{cursor:pointer;flex-direction:row;justify-content:space-around;padding-top:40px;display:flex}.modalText{text-align:center;padding:40px}.about-page-container{flex-direction:column;align-items:center;padding:60px 20px;display:flex}.about-paragraph{text-align:justify;border-bottom:1px solid gray;width:420px}.about-tail{font-style:italic}.howto-page-container{flex-direction:column;align-items:center;padding:60px 20px;display:flex}.howto-paragraph{text-align:justify;border-bottom:1px solid gray;width:420px}@media only screen and (width<=768px) and (width>=600px){.wordListWords{height:200px}.wordListContainer{height:auto}.dog-container{height:20vw}.modalButtons{padding:0}}@media only screen and (width<=599px) and (width>=551px){.wordListWords{height:180px}.wordListContainer{height:auto}.dog-container{height:25vw}.modalButtons{padding:0}}@media only screen and (width<=550px) and (width>=331px){.board-and-word-list{flex-direction:column;display:flex}.fa{font-size:24px}.gameboard-button-div{padding:10px}.wordListWords{width:auto;height:50vw}.gameboard{width:100vw;margin-left:3%}table{margin-left:5.5%}td{width:30px;height:30px;font-size:large}.gameboard-header{padding-top:7px;padding-bottom:9px;font-size:large}.wordlist-and-info-container{flex-direction:row;width:100%}.wordListContainer{width:90%;margin-top:10px;margin-left:5%;margin-right:5%}.dog-container{display:none}.gameboard-button-div{padding-bottom:10px}.howto-paragraph,.about-paragraph{text-align:justify;width:330px}.modalButtons{padding:0}}@media only screen and (width<=330px){.board-and-word-list{flex-direction:column;display:flex}.gameboard{width:100vw;margin-right:0}.fa{font-size:24px}td{width:28px;height:28px;font-size:large}table{margin:2%}.gameboard-header{padding:10px;font-size:large}.gameboard-page-container{padding:50px 10px}.wordlist-and-info-container{flex-direction:row;width:100%}.dog-container{display:none}.wordListContainer{width:90vw;margin-top:10px;margin-left:5%}.wordListWords{width:auto;height:30vw}.gameboard-button-div{padding-bottom:12px}.howto-paragraph,.about-paragraph{text-align:justify;width:310px}.modalButtons{padding:0}}