.home{align-items:center;display:flex;flex-direction:column}.titleContainer{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:center;width:100%}.home h1{font-weight:400;text-align:left;width:720px}@media only screen and (max-width:757px){.titleContainer{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:center}.home h1{font-weight:400;text-align:left;width:auto}}.piece{margin-bottom:2px}.white{background-color:#fff}.black{background-color:gray}.white-square-wrong{-webkit-animation:white-red-pulse .2s;animation:white-red-pulse .2s}.black-square-wrong{-webkit-animation:black-red-pulse .2s;animation:black-red-pulse .2s}.white-to-green{-webkit-animation:white-green-pulse .2s;animation:white-green-pulse .2s}.black-to-green{-webkit-animation:black-green-pulse .2s;animation:black-green-pulse .2s}.green-square-clicked{-webkit-animation:white-green-pulse .5s;animation:white-green-pulse .5s}@-webkit-keyframes white-green-pulse{0%{background-color:#fffefe}50%{background-color:#b3c2aa}to{background-color:#7d7}}@keyframes white-green-pulse{0%{background-color:#fffefe}50%{background-color:#b3c2aa}to{background-color:#7d7}}@-webkit-keyframes black-green-pulse{0%{background-color:grey}50%{background-color:#b3c2aa}to{background-color:#7d7}}@keyframes black-green-pulse{0%{background-color:grey}50%{background-color:#b3c2aa}to{background-color:#7d7}}@-webkit-keyframes black-red-pulse{0%{background-color:grey}50%{background-color:#ff5e5e}to{background-color:grey}}@keyframes black-red-pulse{0%{background-color:grey}50%{background-color:#ff5e5e}to{background-color:grey}}@-webkit-keyframes white-red-pulse{0%{background-color:#fff}50%{background-color:#ff5e5e}to{background-color:#fff}}@keyframes white-red-pulse{0%{background-color:#fff}50%{background-color:#ff5e5e}to{background-color:#fff}}@media only screen and (max-width:757px){.history-container{border:1px solid #ccc;height:70px;overflow-y:auto;padding:0;width:494px}.overall-container{margin-left:20px;margin-right:20px;width:530px}.invalidMove,.move{font-size:1rem;margin-bottom:10px;margin-left:10px;margin-top:10px}.invalidMove{color:red;font-style:italic}}.piece-options-container{align-content:flex-start;display:flex;flex-wrap:wrap;height:185px;margin-bottom:10px;margin-top:10px}.history-container{border:1px solid #ccc;height:460px;margin-right:30px;overflow-y:auto;padding:10px;width:150px}.timer-container{height:auto}.options-container{height:100px;margin-top:10px;width:auto}.overall-container{margin-left:20px;margin-right:20px}.history-container h2{font-size:1.5rem;margin-bottom:10px}.invalidMove,.move{font-size:1rem;margin-bottom:10px;margin-top:10px}.invalidMove{color:#7d58c7;font-style:italic}.move p:last-of-type{margin-bottom:0}.move p:first-of-type{margin-top:10}@media only screen and (max-width:757px){.history-container{border:1px solid #ccc;height:70px;overflow-y:auto;padding:0;width:527px}.overall-container{margin-left:20px;margin-right:20px;width:530px}.invalidMove,.move{font-size:1rem;margin-bottom:10px;margin-left:10px;margin-top:10px}.invalidMove{color:red;font-style:italic}}.chessboard{display:flex;flex-wrap:wrap}.chessboard,.hiddenBoard{border:2px solid #000;height:525px;margin-top:20px;width:525px}.chessboard-container{align-items:center;display:flex;flex-direction:column}.sideBySide{display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (min-width:720px){.sideBySide{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:center}.chessboard-container{flex-direction:row;justify-content:center}}.bottom-container{display:flex;flex-wrap:wrap;height:100px;justify-content:space-evenly}.button{background-color:#f2f2f2;border:none;border-radius:4px;color:#333;font-size:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:6px;margin-right:6px;margin-top:30px;min-width:100px;transition:background-color .3s ease}.button:hover{background-color:#ddd}.button:focus{outline:none}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;font-size:1.2rem;justify-content:space-between;padding:.5rem 1rem}.navbar-brand{color:#333;font-weight:700}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-left:1rem}.nav-link{color:#333;text-decoration:none;transition:color .3s}.nav-link:hover{color:#666}.footer{background-color:#f8f8f8;padding:50px 0}.footer h4{font-size:18px;margin-bottom:30px}.footer h4,.footer p{color:#777;margin-left:20px}.footer p{font-size:14px;line-height:24px;margin-bottom:20px}.footer ul.social li{display:inline-block;margin-right:10px}.footer ul.social li a{border-radius:50%;color:#777;display:inline-block;font-size:16px;height:40px;line-height:40px;text-align:center;transition:all .3s ease;width:40px}.footer ul.social li a:hover{background-color:#777;color:#fff}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e329ee73.css.map*/