body{background-color:#303443;margin:0}.navbar{align-items:center;background-color:#303443;height:20px;opacity:0;top:0;transition:.3s}.navbar,.navbar div{display:flex;width:100%}.navbar div{gap:10%;justify-content:center}.navbar a{color:#7371ff;font-size:23px;font-weight:700;margin-left:50px;text-decoration:none}.navbar:hover{height:50px;margin-bottom:10px;opacity:1;transition:.3s}.chessBoard{grid-template-columns:repeat(9,9vmin);grid-template-rows:repeat(9,9vmin)}.chessBoard,.square{display:grid;place-content:center}.square{background-color:#707b97;border:1px solid;-webkit-user-select:none;user-select:none}.square:focus{background-color:#f18e8e}.light{background-color:#e8edf9}.dark{background-color:#b7c0d8}.chessPiece{height:97%;width:97%}.players{display:flex;gap:12%;justify-content:center;padding-top:20px}.players>button{display:flex;gap:30%}.players>button>span{font-size:large;font-weight:600}.outer{display:grid;height:80vh;margin-top:10vh;place-items:center center}.endText1,.endText2{opacity:0}.endText,.endText2{-webkit-animation:typing 2s steps(42),blink .5s step-end infinite alternate,removeBorder1 2s 5s forwards;animation:typing 2s steps(42),blink .5s step-end infinite alternate,removeBorder1 2s 5s forwards}.endText,.endText1,.endText2{border-right:3px solid;color:#e9dcc9;font-family:monospace;font-size:2em;overflow:hidden;white-space:pre}.endText1{-webkit-animation:typing 2s steps(42),blink .5s step-end infinite alternate,removeBorder2 2s 5s forwards;animation:typing 2s steps(42),blink .5s step-end infinite alternate,removeBorder2 2s 5s forwards;opacity:0}.endText2{-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes removeBorder1{0%{border-right:3px solid}99%{border-right:3px solid}to{border-right:0}}@keyframes removeBorder1{0%{border-right:3px solid}99%{border-right:3px solid}to{border-right:0}}@-webkit-keyframes removeBorder2{0%{border-right:3px solid}99%{border-right:3px solid}to{border-right:0}}@keyframes removeBorder2{0%{border-right:3px solid}99%{border-right:3px solid}to{border-right:0}}@-webkit-keyframes typing{0%{opacity:0}1%{opacity:1}to{opacity:1}0%{width:0}}@keyframes typing{0%{opacity:0}1%{opacity:1}to{opacity:1}0%{width:0}}@-webkit-keyframes blink1{50%{border-color:transparent}}@keyframes blink1{50%{border-color:transparent}}@-webkit-keyframes blink2{50%{border-color:transparent}}@keyframes blink2{50%{border-color:transparent}}.endText1:after,.endText2:after{opacity:1}@-webkit-keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}@keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}.btn{background:transparent;background-color:#fff;border:2px solid #666;border-radius:6px;color:#666;cursor:pointer;display:block;font:inherit;line-height:normal;margin:0 0 16px;overflow:visible;padding:16px 36px 18px;text-decoration:none;text-transform:uppercase;transition:all .5s ease;-webkit-user-select:text;user-select:text;-moz-user-select:text;width:54vw}.btn:-moz-focus-inner{border:0;padding:0}.btn--stripe{overflow:hidden;position:relative}.btn--stripe:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:repeating-linear-gradient(45deg,#666,#666 1px,transparent 2px,transparent 5px);background-size:7px 7px;border-top:1px solid #666;bottom:0;content:"";display:block;height:7px;left:0;position:absolute;width:100%}.btn--stripe:hover{background-color:#666;border-color:#000;color:#fff}.btn--stripe:hover:after{-webkit-animation:stripe-slide 12s linear infinite forwards;animation:stripe-slide 12s linear infinite forwards;background-image:repeating-linear-gradient(45deg,#fff,#fff 1px,transparent 2px,transparent 5px);border-top:1px solid #000}.btn--large{width:90%}.btn--radius{border-radius:36px}.selection{background-color:#303443;display:grid;grid-template-columns:repeat(2,30%);grid-template-rows:repeat(2,20%);height:100vh;left:2vw;opacity:80%;place-content:center;position:absolute;top:0;width:100vw}.footer,.selection{align-items:center;justify-content:center}.footer{color:#e9dcc9;display:flex;font-size:1.1rem;padding-bottom:10px}.footer a{color:#e9dcc9;font-weight:lighter;text-decoration:none}
/*# sourceMappingURL=main.4ca4a20f.css.map*/