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}nav{float:left;margin:0 10px 0 0;padding:20px;width:150px}.basic{padding:100px 100px 100px 200px}.big{font-size:40px}.arrow{font-size:.8em}.content-wrapper{padding-bottom:100px}ul{list-style-type:disc;list-style-type:none;margin-left:20px}ul li:before{content:"•";margin-right:8px}.App{padding-bottom:100px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.mild{border-collapse:collapse;margin-left:auto;margin-right:auto;margin-top:20px}table.mild td,table.mild th{border:1px solid grey;border-collapse:collapse;padding:10px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}table.onetris,table.onetris td,table.onetris th{border:1px solid #000;border-collapse:collapse}table.onetris td,table.onetris th{height:20px;width:20px}table.onetris{margin:100px}.top-nav{align-items:center;background-color:#333;display:flex;margin-bottom:20px;padding:1em}.nav-logo{height:30px;vertical-align:middle}#logo-link{padding:5px 10px}.top-nav a{color:#fff;margin-right:10px;padding:10px 20px;text-decoration:none}.top-nav a:hover{background-color:#555;border-radius:4px}.dropdown{display:inline-block;position:relative}.dropdown-label{color:#fff;cursor:pointer;display:inline-block;margin-right:10px;padding:10px 20px}.dropdown-label:hover{background-color:#555;border-radius:4px}.dropdown-content{background-color:#333;border-radius:4px;box-shadow:0 8px 16px 0 #0003;display:none;left:0;min-width:200px;position:absolute;top:100%;z-index:1}.dropdown-content a{color:#fff;display:block;margin:0;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#555}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropdown-label{background-color:#555;border-radius:4px}.connect4-container{margin:0 auto;max-width:800px;padding:20px;text-align:center}.connect4-container h1{color:#2c3e50;margin-bottom:20px}.game-info{margin-bottom:20px;min-height:60px}.winner-message{background-color:#27ae60;border-radius:8px;color:#fff;margin-bottom:10px;padding:15px}.winner-message p{font-size:1.5em;font-weight:700;margin:0 0 10px}.current-player{color:#2c3e50;font-size:1.3em;font-weight:700}.thinking-dots{animation:blink 1.4s infinite both;display:inline-block}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.board{background-color:#3498db;border-radius:10px;box-shadow:0 4px 6px #0000004d;display:inline-block;margin:20px auto;padding:15px}.row{display:flex}.cell{background-color:#2980b9;border-radius:50%;box-shadow:inset 0 2px 4px #0000004d;height:70px;margin:5px;overflow:hidden;position:relative;width:70px}.cell.clickable{cursor:pointer;transition:background-color .2s}.cell.clickable:hover{background-color:#3498db}.cell .piece{border-radius:50%;height:100%;transition:background-color .3s ease;width:100%}.cell.red .piece{background-color:#e74c3c}.cell.red .piece,.cell.yellow .piece{animation:drop .3s ease;box-shadow:inset 0 -3px 6px #0000004d}.cell.yellow .piece{background-color:#f39c12}@keyframes drop{0%{transform:translateY(-500px)}60%{transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:translateY(0)}}.game-controls{margin:20px 0}.reset-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 30px;transition:background-color .3s}.reset-button:hover{background-color:#2980b9}.reset-button:active{transform:translateY(2px)}.game-instructions{background-color:#ecf0f1;border-radius:8px;margin:30px auto;max-width:500px;padding:20px;text-align:left}.game-instructions h3{color:#2c3e50;margin-top:0}.game-instructions ul{list-style-type:none;padding-left:0}.game-instructions li{margin:10px 0;padding-left:25px;position:relative}.game-instructions li:before{color:#3498db;content:"•";font-size:1.5em;font-weight:700;left:0;position:absolute}@media (max-width:768px){.cell{height:50px;margin:3px;width:50px}.board{padding:10px}.connect4-container h1{font-size:1.5em}.current-player{font-size:1.1em}}
/*# sourceMappingURL=main.cc943f4c.css.map*/