*{margin:0;padding:0}.wrapper{background-image:url(https://i.pinimg.com/736x/1f/1c/42/1f1c4263149ec47a63ee67ce4a0e4c94.jpg);background-size:contain;display:flex;flex-direction:column;gap:50px;width:100%;height:100svh;justify-content:center;align-items:center}.wrapper button{position:relative;max-width:400px;width:60%;height:50px;background-color:#efefef;border:1px solid black;border-radius:5px;font-size:1.5rem;font-weight:lighter;transition:.2s ease;box-shadow:2px 2px 10px #e962fe;font-family:sans-serif}@media (hover:hover){.wrapper button:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#d218e6d9;transition:.3s ease;pointer-events:none;border-radius:5px;z-index:-1}.wrapper button:hover:before{width:100%}.wrapper button:hover{transform:scale(1.1);cursor:pointer;color:#fff}}.multiplayerGameDiv{background-image:url(https://i.pinimg.com/736x/9f/db/3d/9fdb3d6bafe9083703e539c193ca9a74.jpg);width:100%;height:100svh;display:flex;justify-content:center;align-items:center}.botPlayersWrapper{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.difficultyWrapper{display:grid;width:80%;max-width:700px;grid-template-columns:1fr;gap:30px}.difficultyWrapper section{display:flex;flex-direction:column;align-items:center;gap:5px;font-family:sans-serif;font-weight:lighter;transition:.3s ease}.difficultyWrapper section p{color:#303030}.difficultyWrapper section h1{color:#1f1f1f}.difficultyWrapper section img{width:120px}#backArrow{position:absolute;left:30px;top:30px;cursor:pointer;width:50px;height:50px}@media only screen and (min-width:600px){.difficultyWrapper{grid-template-columns:1fr 1fr 1fr;gap:10px}.difficultyWrapper section{gap:10px}.difficultyWrapper section img{width:150px}}@media only screen and (min-width:1000px){.difficultyWrapper{max-width:1000px}.difficultyWrapper section img{width:250px}}@media (hover:hover){.difficultyWrapper section:hover{cursor:pointer;transform:scale(1.1)}}.gameMainDiv{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.boardWrapper{display:grid;grid-template-columns:1fr 1fr 1fr;box-shadow:3px 3px 10px #bc0d7f}.boardWrapper div{width:100px;height:100px;background-color:#e4e4e4;border:2px solid rgb(158,84,255);color:#d435df;text-shadow:2px 2px 5px rgb(220,104,220);display:flex;justify-content:center;align-items:center;font-size:2.5rem;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.gameMainDiv button{width:100px;height:30px;border-radius:5px;font-size:1rem;color:#2a2a2a;cursor:pointer}.scoreDiv{display:flex;gap:40px}.scoreDiv p{color:#fff;font-size:2rem;font-family:sans-serif;font-weight:bolder;transition:2s ease}#playerStatement{color:#ddd;font-family:Courier New,Courier,monospace;margin-bottom:50px;font-weight:lighter}.disconnectNotification{position:absolute;background-color:#fff;border-radius:20px;width:250px;text-align:center;padding:30px;font-family:sans-serif}.disconnectNotification p{color:red}#timer{position:absolute;color:#fff;font-size:3rem;top:50px}#back{position:absolute;left:30px;top:30px;cursor:pointer;background-color:#fff;border-radius:50%;padding:15px}@media only screen and (max-width:500px){#playerStatement{margin-bottom:0;font-weight:lighter;padding:10px;color:#d1d1d1;font-size:1.3rem}#timer{top:30px;font-size:3rem;color:#fff}.gameMainDiv{margin-top:60px}}
