*{font-family:Lato,sans-serif}blockquote,body,dd,div,dl,dt,fieldset,figure,h1,h2,h3,html,input,legend,li,ol,p,select,textarea,ul{border:0;margin:0;padding:0}html{font-size:16px;line-height:1.5}*,:after,:before{box-sizing:border-box}ol,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{margin:0;outline:none}audio,canvas,embed,iframe,img,object,svg,video{display:inline-block;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{background:none;border:none;padding:0}blockquote,h1,h2,h3,p,pre{margin:0;padding:0}abbr,acronym,code,em,strong{font-style:normal;font-weight:400}body{background-color:#fff;color:#333;font-family:Arial,sans-serif;font-size:1rem;line-height:1.5;padding:20px}button{background:#fff;border:.1rem solid #000;border-radius:.25rem;color:#000;font:inherit;padding:.1rem}button:hover{cursor:pointer}.title{background-color:#3498db;border-radius:.5rem;box-shadow:0 0 1rem rgba(0,0,0,.5);color:#fff;display:grid;font-size:1rem;font-weight:700;padding:1rem;place-items:center;text-align:center;-webkit-transform:perspective(300px) rotateX(10deg);transform:perspective(300px) rotateX(10deg);transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s}.title>h1{text-transform:uppercase}.title>a{text-decoration:underline}.span-nowrap{white-space:nowrap}@media (max-width:1200px){.title>h1{font-size:1.5rem}}.ai-container{margin-top:.25rem;text-transform:none}.ai-container>button{background:hsla(0,0%,100%,.25);border:none;color:#fff;padding-left:1rem;padding-right:1rem}.ai-container>button:hover{background:hsla(0,0%,100%,.75);color:#000}.game{display:grid;grid-template-columns:repeat(2,1fr);margin-left:30%;margin-right:30%;margin-top:5rem}@media (max-width:1200px){.game{grid-template-columns:none;grid-template-rows:repeat(2,1fr);margin:2rem 0 5rem}}.game-board{display:grid;place-items:center}.board{border:.75rem double #3498db;border-radius:1rem;margin-bottom:1rem;margin-top:1rem}.board-row{display:grid;grid-template-columns:repeat(3,1fr)}.board-row:after{clear:both;content:"";display:table}.square{background:#fff;border:1px solid #999;border-radius:.25rem;display:grid;font-size:4.5rem;font-weight:700;height:7rem;line-height:7rem;place-items:center;text-align:center;transition:background-color .3s;width:7rem}.square:hover{background-color:rgba(0,255,255,.3);color:rgba(0,0,0,.5)}.square-winner{background-color:rgba(6,247,247,.6);background:linear-gradient(0deg,rgba(255,0,0,.5),rgba(255,165,0,.5),rgba(255,255,0,.5),rgba(0,128,0,.5),rgba(0,0,255,.5),rgba(75,0,130,.5),rgba(148,0,211,.5));background:radial-gradient(circle at center,rgba(148,0,211,.5),rgba(75,0,130,.5),rgba(0,0,255,.5),rgba(0,128,0,.5),rgba(255,255,0,.5),rgba(255,165,0,.5),rgba(255,0,0,.5));color:#fff;transition:background-color .5s}.square-winner:hover{color:#fff}.game-status{font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-align:left}@media (max-width:1200px){.game-status{margin-bottom:0}}.ai-status{background:conic-gradient(from 60deg,red,orange,blue,#f0f,red);-webkit-background-clip:text;background-clip:text;color:transparent}.reset-button{background:#93d3ff;font-weight:700;margin:1rem;padding-left:2.5rem;padding-right:2.5rem;text-align:center}.reset-button:hover{background-color:#5fbfff}.move-history{align-items:flex-start;background:linear-gradient(180deg,rgba(255,0,0,.5),rgba(255,165,0,.5),rgba(255,255,0,.5),rgba(0,128,0,.5),rgba(0,0,255,.5),rgba(75,0,130,.5),rgba(148,0,211,.5));border-radius:1rem;display:flex;flex-direction:column;justify-self:center;margin-left:1rem;max-height:27rem;overflow-y:auto;padding:1.25rem 2rem 2rem;width:15rem}@media (max-width:1200px){.move-history{margin-left:0;margin-top:3rem}}.move-history>h3{align-self:center;border-bottom:.1rem dotted #000;border-top:.1rem dotted #000;font-weight:700;margin-bottom:1rem}.reversed-ol{display:flex!important;flex-direction:column-reverse!important}.history-button{border-radius:1rem;margin-bottom:.1rem;padding-left:.5rem;padding-right:.5rem}.history-button:hover{background-color:rgba(0,0,0,.5);color:#fff}.sort-moves-button{align-self:center;background-color:initial;margin-bottom:.5rem;padding-left:1rem;padding-right:1rem}.sort-moves-button:hover{background-color:rgba(0,0,0,.5);color:#fff}.ai-button:hover{background-color:hsla(0,0%,100%,.5)}
/*# sourceMappingURL=main.1b0f4cf7.css.map*/