.nav{align-items:center;background-color:#235037;display:flex;height:64px;justify-content:space-between;margin:0;overflow:hidden;position:fixed;width:100%;z-index:1}.nav a{text-decoration:none}.nav-title,.navWrapper .navLink{background-color:#235037;border:none;border-bottom:5px solid #0000;color:#f2f2f2;cursor:pointer;display:inline-block;font-size:15px;margin-bottom:5px;outline:0;padding:28px 10px 20px;text-align:center;text-decoration:none;width:60px}.nav-title{color:#f2f2f2;font-size:24px;font-weight:700;margin:0;padding:20px 10px 10px;width:110px}.nav-title:hover,.navLink:hover{border-bottom:5px solid #fff}.navLink.logout{width:80px}@media screen and (max-width:500px){.navWrapper .navLink{font-size:.8rem;margin:0;padding:0 5px}.nav-title{font-size:.8rem;padding:0}}.container.WelcomePage{display:flex;flex-flow:column;margin:0 300px}.welcomeContent{display:flex;flex-flow:row-reverse nowrap;justify-content:center;width:100%}.welcome{font-size:2.8rem;text-align:center}.welcomeParagraph{font-size:1.5rem;padding-right:70px}.loginDiv{padding-top:100px;width:40%}.paragraphs{max-width:60%}.loginArea{display:flex;flex-flow:row wrap;justify-content:center;max-height:450px;max-width:500px}.loginNote{display:flex;width:80%}@media screen and (max-width:1600px){.container.WelcomePage{display:flex;flex-flow:column;margin:0 200px}}@media screen and (max-width:1500px){.container.WelcomePage{display:flex;flex-flow:column;margin:0 100px}}@media screen and (max-width:910px){.welcomeContent{flex-flow:wrap}.paragraphs{max-width:100%}.welcomeParagraph{padding:0 auto}}@media screen and (max-width:600px){.container.WelcomePage{display:flex;flex-flow:column;margin:0 0 0 20px}}@media screen and (max-width:501px){.paragraphs{max-width:100%}.container.WelcomePage{display:flex;flex-flow:column;margin:0 0 0 20px}}.aboutDiv{align-items:center;display:flex;flex-flow:column;justify-content:center;margin:auto;padding-top:50px;width:837px}.aboutText{font-size:1.4rem;text-indent:60px}.aboutDiv h1{align-self:start;position:relative}@media screen and (max-width:950px){.aboutDiv{padding-top:50px;width:700px}.aboutText{font-size:1.3rem;text-indent:60px}.aboutDiv h1{font-size:2rem}.aboutDiv{width:700px}.aboutText{font-size:1.3rem;text-indent:45px}.aboutDiv h1{font-size:2rem}}@media screen and (max-width:750px){.aboutDiv{width:500px}.aboutText{font-size:1rem;text-indent:30px}.aboutDiv h1{font-size:1.6rem}}@media screen and (max-width:400px){.aboutDiv{width:300px}.aboutText{font-size:.8rem;text-indent:15px}.aboutDiv h1{font-size:1.2rem}}@media screen and (max-width:320px){.aboutDiv{width:200px}.aboutDiv h1{font-size:1rem}}#profileContainer,.profile-page{padding-top:68px}.profile-page{display:flex;flex-flow:column;justify-content:center;margin:0 auto;max-width:60%}.profile-header{align-items:center;background-color:#f0f0f0;display:flex;flex-wrap:nowrap;margin:0 auto;max-width:900px;padding:20px}.profile-header img{border-radius:5%;height:200px;margin-right:20px;width:240px}.profile-header textarea{flex:1 1;font-size:16px;height:50px;max-width:400px;padding:10px}.profile-header button{align-items:center;display:flex;flex-flow:column wrap;font-size:14px;height:20px;justify-content:center;margin-top:50px;width:100px}.profile-tabs{display:flex;justify-content:center;margin-top:20px}.profile-tabs button{background-color:#afafaf;border:none;border-radius:20% 20% 0 0;font-size:16px;margin:0 10px;padding:10px 20px}.profile-tabs button.active{background-color:#e7e7e7}.profile-content{background-color:#dfdddd;justify-content:center;margin:0 auto;max-width:500px;padding:20px;width:80%}.profile-content ul{list-style:none;padding:0}.profile-content ul li{font-size:18px;padding:10px 0}.flexyTable{display:flex;flex-flow:column nowrap;justify-content:flex-end}#profileButtons{display:flex;flex-flow:row nowrap;justify-content:space-between;max-width:300px}.historyList{overflow-wrap:break-word;overflow-x:hidden;padding:15px 25px}.profileInfo{width:100%}@media screen and (max-width:850px){.profile-page{max-width:500px}}@media screen and (max-width:500px){.profile-page{max-width:250px}.profile-header{flex-wrap:wrap}.profile-header img{max-height:80px;max-width:100px}}.RegPage{padding-top:163px}.video{flex-direction:column;padding-top:40px}.square,.video{align-items:center;display:flex;justify-content:center}.square{font-size:10px;height:12.5%;position:relative;text-align:left;width:12.5%}.square .coordinate{bottom:0;left:0;padding:4px;position:absolute;text-transform:uppercase}.coordinate::-moz-selection,.coordinate::selection{pointer-events:none;user-select:none}.coordinate{pointer-events:none}.pieceImage{height:55%;width:55%}svg{filter:drop-shadow(-1px 3px 2px rgb(24,24,24));height:100%;position:relative;width:100%}.white{background:#f7d0a4}.black{background:#c78d53}.highlightLast{background-color:#fffd80}.black.highlightLast{background-color:#f0ed5d}.legalMove{background-color:#91c1e7}.black.legalMove{background-color:#81aed3}.black.selected,.white.selected{background-color:#00dffc00}#background{padding-top:64px}#background,#playArea{display:flex;flex-flow:row nowrap;justify-content:center;width:100%}#playArea{align-items:flex-start;height:100%;padding-top:20px}#board,.plusTable{height:700px}#board{border:10px solid #906c2a;border-radius:2%;display:flex;flex-wrap:wrap-reverse;width:700px}#gameInfo{padding-top:30px}@media screen and (max-width:1400px){.plusTable{flex-flow:row wrap}}@media screen and (max-width:1100px){#board{width:600px}#board,.plusTable{height:600px}}@media screen and (max-width:900px){#board{width:550px}#board,.plusTable{height:550px}}@media screen and (max-width:800px){#background{flex-flow:row wrap}.plusTable{height:600px}}@media screen and (max-width:660px){#board{height:550px;width:550px}}@media screen and (max-width:600px){#board{height:450px;width:450px}.plusTable{max-height:500px}}@media screen and (max-width:450px){#board{max-height:400px;max-width:400px}#playArea{display:flex;flex-flow:row wrap;justify-content:center}.plusTable{height:460px}}@media screen and (max-width:375px){#board{max-height:300px;max-width:300px}#playArea{display:flex;flex-flow:row wrap;justify-content:center}.plusTable{max-height:370px}}@media screen and (max-width:280px){#board{max-height:270px;max-width:270px}#playArea{display:flex;flex-flow:row wrap;justify-content:center;max-height:270px}.plusTable{max-height:355px}}table{border-collapse:collapse;margin-bottom:20px;width:100%}td,th{border:1px solid #000;padding:10px;text-align:left;width:70px}th{background-color:#f0f0f0}.gameInfo{height:500px;margin-top:70px;max-height:650px;max-width:200px;overflow-y:scroll;overflow:auto;padding:0 10px;width:100%}.gameInfo::-webkit-scrollbar{width:12px}.gameInfo::-webkit-scrollbar-thumb{background-color:#e60f0f00;border:2px solid #616161;border-radius:8px}.menuList{max-width:200px;overflow:hidden;padding:60px;width:100%}.menuList button{margin:3px 0;width:100%}.menuButtons{display:flex;flex-flow:column nowrap;min-width:120px;padding:30px}.greenButton{background-color:#96ca96}.lineBreak{margin:50px 0}.menuList .newGameBtn{background-color:#eaf1e3;color:#000}.menuList .newGameBtn:hover{background-color:#c5ccb3;color:#000}@media screen and (max-width:800px){.menuList{padding:0}}@media screen and (max-width:450px){.menuList{margin-top:50px}}.winner{background-color:#e6e6e6;border-radius:80px;font-size:3rem;height:300px;justify-content:center;margin:130px auto;width:500px}.newPieceContainer,.winner{align-items:center;display:flex;position:absolute}.newPieceContainer{border-radius:20px;flex-flow:column nowrap;height:190px;padding:20px;width:250px}.NPCw{top:176px}.NPCb{top:520px}.secondaryOptions{flex-flow:row}.secondaryOptions,.selectPiece{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.selectPiece{background-color:hsla(0,0%,100%,.822);border-radius:60px;margin:5px;padding:0}.selectwq{height:80%;padding:0;width:80%}.boardControls{display:flex;flex-flow:column;height:100%;justify-content:flex-end}.boardControl{cursor:pointer;padding:10px;width:30px}.boardControl:hover{filter:invert(39%) sepia(16%) saturate(1293%) hue-rotate(95deg) brightness(91%) contrast(87%)}.flipThePerspectiveTrue,.showLegalMovesTrue{filter:invert(55%) sepia(29%) saturate(5268%) hue-rotate(159deg) brightness(92%) contrast(101%)}.flipThePerspectiveTrue:hover,.showLegalMovesTrue:hover{filter:invert(51%) sepia(4%) saturate(7155%) hue-rotate(166deg) brightness(83%) contrast(79%)}@media screen and (max-width:450px){.boardControls{display:flex;flex-flow:row;height:50px;justify-content:flex-end;margin:0;width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}body,footer{background-color:#9daf8d;width:100%}footer{bottom:0;padding:10px;position:fixed;text-align:center}.container{padding-top:64px}.btn{background-color:#347251;border:none;border-radius:4px;color:#f8f8f8;cursor:pointer;display:inline-block;font-size:1.1rem;min-width:80px;outline:0;padding:10px 20px;transition:color .3s ease-in-out}.btn:hover{background-color:#235037;text-decoration:none}.btn_asLink{background:none;border-width:0;border-bottom:1px solid #444;border-radius:0;color:#444;font:inherit;padding:0}.btn_asLink:hover{background-color:initial;color:#235037}.alert{border:2px solid #e01616;border-radius:3px;color:#e01616;font-size:.8rem;margin:15px 0;padding:15px 10px}.alert,.formPanel{background-color:#efefef;box-sizing:border-box}.formPanel{border-radius:20px;box-shadow:0 1px 2px #0006;margin:0 auto 20px;max-width:100%;padding:25px 60px;width:400px}input{margin:5px 5px 10px}p a,p a:visited{color:#15801e;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}p a:hover{color:#193f26}
/*# sourceMappingURL=main.f9d673f1.css.map*/