@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap);body,html{background-color:#e0e0e0}*{font-family:"Nunito Sans",sans-serif,Lato}.header{display:flex;justify-content:space-around;align-items:center}.container{grid-row-gap:30px;row-gap:30px;width:100%;font-size:60px}.container,.row{display:grid;justify-items:center}.row{grid-template-columns:repeat(3,270px);grid-template-rows:270px;align-items:center;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px}.col{line-height:4.5;cursor:pointer;text-align:center;height:100%;width:100%;border-radius:50px;background:#e0e0e0;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}.win{background:red!important;color:#fff!important}.header #O{color:#20b2aa}.header #X{color:#4682b4}.container #O{color:#20b2aa;border-radius:50px;background:linear-gradient(225deg,#cacaca,#f0f0f0);box-shadow:-20px 20px 60px #bebebe,20px -20px 60px #fff}.container #X{color:#4682b4;border-radius:50px;background:linear-gradient(145deg,#cacaca,#f0f0f0);box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}button{width:150px;height:50px;border-radius:50px;background:linear-gradient(225deg,#f0f0f0,#cacaca);box-shadow:3px 3px 6px #b8b9be,-3px -3px 6px #fff;border:transparent;font-size:30px}button:active{opacity:1;box-shadow:inset -4px -4px 8px hsla(0,0%,100%,.5),inset 8px 8px 16px rgba(0,0,0,.1)}
/*# sourceMappingURL=main.b47dd771.chunk.css.map */