#root{background-color:var(--color3);height:100%;width:100%;margin:0 auto;text-align:center;color:var(--text2)}@media screen and (max-width: 768px){#root{width:60rem}}.home-block{display:flex;justify-content:center;align-items:center;gap:7%;margin:5% 3% 3%}.home-line{width:.1rem;background-color:var(--color2);height:20rem}.home-area{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;font-size:x-large}.start-button{background-color:var(--color2);border-radius:1rem;font-size:22px}.start-button:hover{background-color:var(--color4)}.home-para{margin-bottom:5%;letter-spacing:1px;word-spacing:1px;font-size:x-large;font-style:italic}.how-to-play{font-size:15px;letter-spacing:1px;margin-top:1%;color:var(--color1);text-decoration-line:underline;cursor:pointer}.start-block{display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;align-items:center}@media screen and (max-width: 680px){.home-block{flex-direction:column}.home-line{height:.1rem;background-color:var(--color2);width:20rem}.home-para{width:20rem}}.screen{box-shadow:0 0 .7rem .0001rem var(--color2);border-radius:1rem}.how{display:flex;flex-direction:column;padding:0}.how div{display:flex;justify-content:center;gap:10rem;font-size:x-large;align-items:center;margin:4rem}.how div div{margin:1rem;display:flex;flex-direction:column;width:30rem;gap:0}.jester{width:auto;align-items:center;padding:3rem 8rem}.contact{position:absolute;bottom:1rem;left:50%;right:50%;display:flex;color:var(--color1);font-size:large;align-items:center}.contact div{width:10rem;display:flex}.contact a{color:var(--color1);text-decoration:none;margin-left:.5rem;font-size:x-large}.screen{width:800px;height:450px}.comp{width:600px;height:450px}@media screen and (max-width: 1250px){.screen{width:711px;height:400px}.comp{width:600px;height:450px}.how div{font-size:large}}.loader-div{position:absolute;top:0;left:0;z-index:1000;background-color:var(--color3);height:100vh;width:100vw}.loading-images{position:absolute;top:50%;left:50%;translate:-50% -50%}.loading-circle{width:30%}.loading-jester{width:10%}.shady{height:28rem;width:28rem;width:17%;background:linear-gradient(to left,var(--color3),rgba(0,0,0,0));translate:0 -50%}.s2{transform:rotate(-45deg);translate:-19% -64%}.s3{transform:rotate(-90deg);translate:-59% -74%}.s4{transform:rotate(90deg);translate:-50% -10%}.s1{background:radial-gradient(circle,var(--color3),rgba(0,0,0,0));transform:rotate(180deg);translate:50% -50%;height:28rem;width:28rem}header{display:flex;justify-content:space-between;align-items:center;padding:2rem;height:3rem;color:var(--white);background-color:var(--color3)}.header-left{display:flex;align-items:center;font-size:70px;cursor:pointer;color:var(--color5)}.header-div{z-index:-1}.header-left img{display:flex;align-items:center;height:40px;margin-right:10px}.header-right ul{display:flex;list-style:none;margin:0 20px 0 0;padding:0}.header-right li{margin-right:20px;font-size:16px;font-weight:700;display:flex;align-items:center}.header-right li:last-child{margin-right:0}.header-right button{background-color:var(--color2);color:var(--white);border:none;border-radius:.7rem;padding:10px 15px;font-size:19px;cursor:pointer}.header-right button:hover{background-color:var(--color4);color:var(--white)}header a{color:inherit;text-decoration:none}header a:hover{color:inherit;text-decoration:none;cursor:pointer}:root{line-height:1.5;font-weight:400;background-color:var(--color3);color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color1: #C6C6C6;--color2: #868650;--color3: #1b1b1b;--color4: #3C3427;--color5: #C5C4A9;--color6: #28231b;--white: #FFFFFF;--black: #000000}body{margin:0;display:flex;place-items:start;min-width:320px}.login-container{display:flex;flex-direction:column;align-items:center;margin-top:50px}h1{font-size:2rem;margin-bottom:30px}form{display:flex;flex-direction:column;align-items:center}label{font-size:1.2rem;margin-bottom:10px}input{padding:10px;border-radius:5px;border:none;margin-bottom:20px;background-color:var(--color2);color:var(--text1)}button{padding:10px 20px;border-radius:5px;border:none;background-color:var(--color2);color:var(--white);font-size:1.2rem;cursor:pointer}button:hover{background-color:var(--color3);color:var(--white)}.create-room{padding:20px;border-radius:5px;box-shadow:0 0 10px #0003}.create-room .input-group{margin-bottom:10px}.create-room label{display:block;margin-bottom:5px}.create-room input[type=text]{width:100%;padding:10px;border-radius:3px;border:1px solid #ccc}.create-room button{background-color:var(--color2);color:var(--white);border:none;padding:10px 20px;border-radius:3px;cursor:pointer;transition:all .2s ease-in-out}.create-room button:hover{background-color:var(--color2);color:var(--text1)}.join-button{background-color:var(--color2);border-radius:.7rem;font-size:22px;margin:1rem;padding-left:2rem;padding-right:2rem}.create-button{background-color:var(--color2);border-radius:.7rem;font-size:22px;margin:1rem}.join-button:hover,.create-button:hover{background-color:var(--color4)}.join-container{width:100%;margin-top:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.join-container input{width:20%;padding:12px;background-color:var(--white);border-style:none;color:var(--black)}.login-container input,.signup-container input{width:17rem;padding:12px;background-color:var(--color1);border-style:none;color:var(--black)}.start-sep{position:relative;width:100%;margin-bottom:2%;margin-top:1%}.sep-line{position:absolute;width:30%;height:3px;margin-left:35%;background-color:var(--color4)}.start-sep p{position:absolute;margin-left:50%}.signup-button{background-color:var(--color2);color:var(--white);font-size:22px}.signup-button:hover{background-color:var(--color1);color:var(--black)}.header-mid{font-size:xx-large}.game-room{height:40rem;position:relative;display:flex;flex-direction:column}.game-screen{position:absolute;top:0rem;left:1rem;background-color:var(--color5);margin:1rem;height:95%;overflow:scroll;width:60%;border-radius:10px}.jesterText{color:#fff}.game-component{position:absolute;top:2rem;left:0;width:100%}.game-head{background-color:var(--color4);color:var(--white);font-size:large;text-align:center;margin-top:0rem}.game-foot{background-color:var(--color4);color:var(--black);font-size:large;text-align:center;width:100%;margin-top:1rem;padding:1rem;height:12rem}.game-content{display:flex;flex-direction:column;padding-top:1rem;padding-left:3rem;padding-right:3rem;align-items:center;color:var(--black)}.write-input{font-size:x-large;padding:10px;width:100%;height:20rem;word-wrap:break-word;word-break:break-all;resize:none;border-radius:10px;margin-bottom:1rem;margin-left:1rem;margin-right:1rem}.options{display:flex;flex-direction:column;overflow-y:scroll;max-height:31rem;scrollbar-width:none;width:100%}.options::-webkit-scrollbar{display:none}.option-unshow{width:90%;margin-top:1rem;color:var(--white);background-color:var(--color4);padding:1rem;border-radius:10px;overflow-wrap:break-word}.option-unshow:hover{background-color:var(--color4)}.option-show{width:90%;margin-top:1rem;color:var(--white);background-color:var(--color4);padding:1rem;border-radius:10px;display:flex;justify-content:space-between;text-align:left;overflow-wrap:break-word}.option-show .ea{width:90%}.option-answer{overflow-wrap:break-word}.option-show:hover,.option-selected{background-color:var(--color4)}.option-score{font-size:xx-large}.round-result{color:var(--white);font-size:large;margin-top:10px;display:flex;justify-content:space-between;margin-left:3rem;margin-right:3rem}.chat-room{display:flex;flex-direction:column;height:92%;width:30%;position:absolute;right:1rem;top:0rem;background-color:var(--color5);padding:10px;margin:1rem;border-radius:10px;overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;background-color:var(--color4);width:100%;color:var(--white);font-size:large;position:absolute;top:0;left:0;height:2rem;text-align:center}.chat-head span{margin-left:2rem;margin-right:2rem}.chat-messages{flex-grow:1;overflow:auto;margin-top:2rem;margin-left:1rem;margin-right:1rem;scrollbar-width:none}.message-list{display:flex;flex-direction:column-reverse}.user-element{color:var(--black)}.chat-message{padding:10px;display:flex;flex-direction:column;color:var(--black);border-radius:10px;margin-bottom:10px}.chat-message-name{color:var(--color4)}.line{width:100%;border-top:1px solid var(--color4);border-bottom:0px;margin:10px 0}.message-left{align-items:flex-start}.message-right{align-items:flex-end}.chat-input{display:flex;align-items:center;justify-content:center}.chat-input input{flex-grow:1;margin-right:10px;background-color:var(--color4);color:#fff;font-size:medium;translate:0 11%}.chat-input input:focus{border:none;outline:none;border-style:none}.chat-input button{background-color:var(--color4);color:var(--white);margin-bottom:10px}button{color:var(--white);background-color:var(--color4);max-width:max-content}button:hover{color:var(--white);background-color:var(--color6);max-width:max-content}.preview-input{font-size:x-large;padding:10px;width:100%;word-wrap:break-word;word-break:break-all;resize:none;border-radius:10px;margin-bottom:1rem;height:15rem}.preview{margin:1rem;max-height:6rem;overflow:scroll}.responses{max-height:20rem;overflow:scroll;scrollbar-width:none}.response{background-color:var(--color4);color:#fff;display:flex;margin:1rem;padding:1rem;align-items:center;border-radius:10px}.response-chosen{font-size:xx-large;margin-left:1rem;margin-right:1rem}.response-text{display:flex;flex-direction:column;align-items:flex-start;text-align:start}.users{overflow-y:scroll;scrollbar-base-color:var(--color4);scrollbar-highlight-color:var(--color4);scrollbar-track-color:var(--color4);display:flex;margin-bottom:1rem}.user{background-color:var(--color5);color:#000;display:flex;margin:1rem;padding:1rem;align-items:center;border-radius:10px}.user-score{font-size:x-large;margin-left:2rem}.game-foot button{background-color:var(--color4);color:var(--white)}.game-foot button:hover{background-color:var(--color5);color:var(--text2)}.results{overflow:scroll;height:27rem;scrollbar-width:none}.results::-webkit-scrollbar{display:none}.result{width:15rem;display:flex;background-color:var(--color4);justify-content:space-between;color:var(--white);margin:1rem;padding:1rem;border-radius:10px}.add-ques-lobby{margin:1rem}@media screen and (max-width: 520px){.game-screen{width:84%}.chat-room{width:80%;left:1rem;top:42rem}}@media screen and (max-width: 750px){.game-screen{width:88%}.chat-room{width:86%;left:1rem;top:42rem}}@media screen and (max-width: 890px){.game-screen{width:92%}.chat-room{width:89%;left:1rem;top:42rem}}.room-id{position:absolute;margin-left:47%;margin-top:-4.5%;font-size:x-large}.oops-div{height:100%}.oops-text{font-size:xx-large;text-align:center;margin-top:10rem;margin-left:20%;margin-right:20%;margin-bottom:5rem}