.square{max-width:120px;width:100%;aspect-ratio:1/1;background-color:#dcfedc;border:1px solid green}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.winning-container{position:absolute;background-color:#faebd780;top:50%;left:50%;width:75%;min-height:50%;transform:translate(-50%,-50%);border-radius:4px;box-shadow:0 0 13px #00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media screen and (max-width: 500px){.winning-container{width:100%}}.App button.toggle{background-color:transparent;padding:0;border:none;width:50px;height:50px}.App button.toggle img{max-width:100%;padding:0}footer{background-color:#faebd7;position:absolute;bottom:0;right:0;left:0;padding:1.5rem}@media screen and (max-width: 500px){footer{font-size:14px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f8ff}#root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;min-height:100vh;position:relative}main{display:flex;align-items:center;justify-content:center;max-width:1280px;padding-top:5rem;margin:auto}main .App{max-width:32rem;width:100%}main .App *{padding:1rem;letter-spacing:.1em;color:#0b5555}main .App h1{font-size:3rem}main .App p{overflow:hidden;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}main .App input{padding:.5rem}main .App button{background-color:#0b6262;border-radius:25px;padding:.5rem 1rem;font-weight:700;color:#fffffff2;font-size:1rem}main .App .flex{margin:auto;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 500px){main{padding-top:1rem}main .App h1{font-size:2rem}}