*{overflow-x:hidden;margin:0;padding:0}.menu-screen{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to right,#ee9ca7,#ffdde1);color:red}.play-btn{padding-left:1em;padding-right:1em;border-radius:1em;background-color:#ffdde1;border:.1em solid white;font-size:1.5em}.menu-screen h1{font-family:Rubik Puddles,system-ui;font-size:3em}.menu-options{font-family:Poppins;display:flex;color:#ff316c;font-weight:600;align-items:center;justify-content:center;flex-direction:column;font-size:1.5em;padding:1em}.menu-options a{all:unset}.menu-options a:hover{cursor:pointer;opacity:.6}.diff-btn{margin-top:.5em;gap:.5em;display:flex;flex-direction:column;align-items:center}.diff-btn button{border-radius:1em;height:4em;width:15em}.selected{background-color:#ff0080}.rules-btn{padding-left:1em;padding-right:1em;border-radius:1em;background-color:#ffdde1;border:.1em solid white;margin-top:.5em}@media (max-width: 768px){.menu-screen h1{font-size:2em;text-align:center}.play-btn{font-size:1.2em}.menu-options{font-size:1.2em;padding:.5em}.diff-btn button{width:12em;height:3em;font-size:.9em}}@media (max-width: 480px){.menu-screen h1{font-size:1.6em}.play-btn,.menu-options{font-size:1em}.diff-btn button{width:10em;height:2.8em}}.playing-board{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;background:linear-gradient(to right,#ee9ca7,#ffdde1)}.game-heading{font-family:Rubik Puddles,system-ui;font-weight:400;font-style:normal;width:100%;display:flex;align-items:center;justify-content:center;padding:1em;color:#ee9ca7;background-color:#ffdde1;font-size:1.5em}.cards{padding:1em;display:grid;gap:1em}.score-board{display:flex;justify-content:center;align-items:center;gap:2em;font-size:1.5em;font-family:Poppins;color:#fc4059}.newgame-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c93b74;font-family:Poppins}.newgame-btn button{margin-top:1em;width:10em;height:3em;border-radius:1em;color:#fff;background-color:#fc4059}.newgame-btn button:hover{cursor:pointer;opacity:.7}.react-confetti{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}@media (max-width: 1024px){.cards{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.cards{grid-template-columns:repeat(3,1fr);gap:.8em}.score-board{flex-direction:column;gap:1em;font-size:1.2em}.newgame-btn button{width:9em;height:2.8em}.game-heading{font-size:1.2em;text-align:center;padding:.5em}}@media (max-width: 480px){.cards{grid-template-columns:repeat(2,1fr);gap:.5em}.score-board{font-size:1em}.newgame-btn button{width:8em;height:2.5em}.game-heading{font-size:1em}}.card{position:relative;background-color:#fad7e7;width:10em;height:10em;border-radius:1em;display:flex;justify-content:center;align-items:center;overflow:visible}.card:hover{opacity:.6;cursor:pointer}.card:hover .front{scale:1.1}.card .back{border-radius:1em;display:block;width:100%;height:100%}.card .front{border-radius:1em;display:block;width:95%;height:95%}.card .front{transform:rotateX(90deg);position:absolute}.card .front{transform:rotateX(90deg);transition:all ease-in .2s;position:absolute}.card .back{transition:all ease-in .2s;transition-delay:.2s}.flipped .front{transform:rotateX(0);transition-delay:.2s}.flipped .back{transform:rotateX(90deg)}@media (max-width: 768px){.card{width:7em;height:7em}.card .front,.card .back{width:100%;height:100%}}@media (max-width: 480px){.card{width:5.5em;height:5.5em}}.chat-bot{font-family:Poppins;background-color:#fff;width:25vw;height:70vh;position:absolute;right:1.2%;bottom:3%;border-radius:2vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1vw}.chat-bot-heading{width:100%;margin-left:2vw;font-size:.7vw}.chat-area{background-color:#faebd7;width:100%;height:87%;border-radius:2vw;display:flex;flex-direction:column;justify-content:space-between;padding-top:3%}.messages{display:flex;flex-direction:column;gap:1vw}.msg{display:flex;padding:1vw;height:max-content;width:70%;gap:1vw;justify-content:start;align-items:center;border-radius:10vw;overflow:hidden}.chat-text{width:80%}.bot-chat{margin-left:3%;background-color:pink}.user-chat{margin-left:20%;display:flex;flex-direction:row-reverse;justify-content:start;text-align:end;background-color:#ff3d5d}.pfp{overflow:hidden;width:3.5vw;height:3vw;border-radius:100%}.pfp img{overflow:hidden;width:3vw;height:3vw;border-radius:100%}.user-input{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1vw;gap:.5vw}.user-input input{height:2vw;width:80%;border:0;padding:.5vw;border-radius:5vw;border:1px solid gray}.user-input input:active{border:0}.user-input button img{height:1.5vw;margin-left:.3vw}.user-input button{border:0;cursor:pointer;height:2.5vw;width:2.5vw;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:#ff6b84}.rules-page{width:100%;height:100vh;padding-top:5em;display:flex;flex-direction:column;align-items:center;justify-content:start;font-family:Poppins;gap:3em;font-size:1.3em;background:linear-gradient(to right,#ee9ca7,#ffdde1)}.rules-page h1{font-size:3em;color:#ff316c;font-family:Rubik Puddles,system-ui}.rules{display:flex;flex-direction:column;gap:2em;width:90%}.rules section{all:unset;color:#424242;font-weight:600}@media (max-width: 600px){.rules-page{padding-top:2em;gap:2em}.rules-page h1{font-size:2em}.rules{width:95%}.rules section{font-size:1em}}@media (max-width: 1024px){.rules-page{padding-top:3em;gap:2.5em}.rules-page h1{font-size:2.5em}.rules{width:90%}.rules section{font-size:1.2em}}@media (min-width: 1025px){.rules-page{padding-top:5em;gap:3em}.rules-page h1{font-size:3em}.rules{width:70%}.rules section{font-size:1.3em}}