html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.quantico-regular{font-family:Quantico,serif;font-weight:400;font-style:normal}.quantico-bold{font-family:Quantico,serif;font-weight:700;font-style:normal}.quantico-regular-italic{font-family:Quantico,serif;font-weight:400;font-style:italic}.quantico-bold-italic{font-family:Quantico,serif;font-weight:700;font-style:italic}body{font-family:Quantico,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh}.homePageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.homePageContainer .homePageTitleText{color:#1a2935;font-size:5.6rem;font-weight:700;line-height:1.1em;text-align:center}.homePageContainer input[type=text]{width:320px;border:none;padding:1rem;border-radius:1rem;background:#e8e8e8;box-shadow:20px 20px 60px #c5c5c5,-20px -20px 60px #fff;transition:.3s}.homePageContainer input[type=text]:focus{outline-color:#e8e8e8;background:#e8e8e8;box-shadow:inset 20px 20px 60px #c5c5c5,inset -20px -20px 60px #fff;transition:.3s}.homePageContainer .filter-switch{border:2px solid #00ff6a;border-radius:30px;position:relative;display:flex;align-items:center;height:46px;width:300px;overflow:hidden}.homePageContainer .filter-switch input{display:none}.homePageContainer .filter-switch label{flex:1;text-align:center;cursor:pointer;border:none;border-radius:30px;position:relative;overflow:hidden;z-index:1;transition:all .5s;font-weight:500;font-size:18px}.homePageContainer .filter-switch .background{position:absolute;width:49%;height:38px;background-color:#00ff6a;top:4px;left:4px;border-radius:30px;transition:left .4s cubic-bezier(.175,.885,.32,1.275)}.homePageContainer #option2:checked~.background{left:50%}.homePageContainer .buttonContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.homePageContainer .buttonContainer button{font-size:16px;padding:1em 3.3em;cursor:pointer;transform:perspective(200px) rotateX(15deg);color:#fff;font-weight:900;border:none;border-radius:5px;background:linear-gradient(0deg,#3f5efb,#4687fc);box-shadow:#3f5efb33 0 40px 29px;will-change:transform;transition:all .3s;border-bottom:2px solid rgba(70,135,252,1)}.homePageContainer .buttonContainer button:hover{transform:perspective(180px) rotateX(30deg) translateY(2px)}.homePageContainer .buttonContainer button:active{transform:perspective(170px) rotateX(36deg) translateY(5px)}.homePageContainer .buttonContainer button.button-red{background:linear-gradient(0deg,#dc3545,#dc3545);box-shadow:#ffced3 0 40px 29px;border-bottom:2px solid #dc3545}.homePageContainer .buttonContainer button.button-red:hover{transform:perspective(180px) rotateX(30deg) translateY(2px)}.homePageContainer .buttonContainer button.button-red:active{transform:perspective(170px) rotateX(36deg) translateY(5px)}.joinPageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.joinPageContainer .joinPageTitleText{font-size:4rem}.joinPageContainer input[type=text]{width:320px;border:none;padding:1rem;border-radius:1rem;background:#e8e8e8;box-shadow:20px 20px 60px #c5c5c5,-20px -20px 60px #fff;transition:.3s}.joinPageContainer input[type=text]:focus{outline-color:#e8e8e8;background:#e8e8e8;box-shadow:inset 20px 20px 60px #c5c5c5,inset -20px -20px 60px #fff;transition:.3s}.joinPageContainer button{display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;width:150px;height:50px;background-image:linear-gradient(to top,#d8d9db,#fff 80%,#fdfdfd);border-radius:30px;border:1px solid #8f9092;transition:all .2s ease;font-family:Source Sans Pro,sans-serif;font-size:14px;font-weight:600;color:#606060;text-shadow:0 1px #fff}.joinPageContainer button:hover{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px 3px #cecfd1}.joinPageContainer button:active{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.joinPageContainer button:focus{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 5px 3px #999,inset 0 0 30px #aaa}.sessionPageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.sessionPageContainer ul{margin:5px 0}.sessionPageContainer h3{text-align:center;font-weight:600}.sessionPageContainer .sessionIdAndInvite{display:flex;align-items:center;justify-content:space-between;width:90%;gap:1rem;margin:0 4rem}.sessionPageContainer .sessionIdAndInvite .sessionId{text-align:left}.sessionPageContainer .sessionIdAndInvite span{color:red;display:inline-block;width:32px}.sessionPageContainer .inviteFriendBtn .Btn{width:140px;height:35px;display:flex;align-items:center;justify-content:flex-start;border:none;border-radius:4px;overflow:hidden;box-shadow:2px 2px 10px #0000002a;cursor:pointer;padding:0}.sessionPageContainer .inviteFriendBtn .text{width:65%;height:100%;display:flex;align-items:center;justify-content:center;color:#000;background-color:#fff}.sessionPageContainer .inviteFriendBtn .svgIcon{width:35%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#343a40}.sessionPageContainer .inviteFriendBtn .Btn:hover .text{background-color:#f3f3f3;color:#000}.sessionPageContainer .inviteFriendBtn .Btn:hover .svgIcon{background-color:#23272a;color:#fff}.sessionPageContainer .memberList{display:flex;justify-content:center;align-items:center;gap:5px;margin:5px 0}.sessionPageContainer .kickBtnContainer{@keyframes close{to{opacity:1}}}.sessionPageContainer .kickBtnContainer .button{position:relative;width:1.3rem;height:1.3rem;border:none;background:#b4536b1c;border-radius:5px;transition:background .5s}.sessionPageContainer .kickBtnContainer .X{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1.5px;background-color:#fff;transform:translate(-50%) rotate(45deg)}.sessionPageContainer .kickBtnContainer .Y{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1.5px;background-color:#fff;transform:translate(-50%) rotate(-45deg)}.sessionPageContainer .kickBtnContainer .close{position:absolute;display:flex;padding:.8rem 1.5rem;align-items:center;justify-content:center;transform:translate(-50%);top:-70%;left:50%;width:3em;height:1.7em;font-size:12px;background-color:#131618;color:#bbe5ec;border:none;border-radius:3px;pointer-events:none;opacity:0}.sessionPageContainer .kickBtnContainer .button:hover{background-color:#d31515}.sessionPageContainer .kickBtnContainer .button:active{background-color:#820000}.sessionPageContainer .kickBtnContainer .button:hover>.close{animation:close .2s forwards .25s}.sessionPageContainer .pokerCards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.sessionPageContainer .pokerCards .card{width:190px;height:254px;background-image:linear-gradient(163deg,#00ff75,#3700ff);border-radius:20px;transition:all .3s}.sessionPageContainer .pokerCards .card2{display:flex;justify-content:center;align-items:center;font-size:3rem;width:190px;height:254px;background-color:#343a40;transition:all .2s;color:#fff;border-radius:.5rem;cursor:pointer}.sessionPageContainer .pokerCards .card2:hover{transform:scale(.98);border-radius:20px}.sessionPageContainer .pokerCards .card:hover{box-shadow:0 0 30px 1px #00ff754d}.sessionPageContainer .sessionPageButtonContainer{display:flex;gap:.5rem}.sessionPageContainer .sessionPageButtonContainer button{min-width:113px;background-color:#fff;border:1px solid rgb(209,213,219);border-radius:.5rem;color:#111827;font-size:.875rem;font-weight:600;line-height:1.25rem;padding:.75rem 1rem;text-align:center;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px #0000000d;cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;-ms-touch-action:manipulation;touch-action:manipulation}.sessionPageContainer .sessionPageButtonContainer button:hover{background-color:#f9fafb;outline:2px solid rgba(0,0,0,.1);outline-offset:2px}.sessionPageContainer .sessionPageButtonContainer button:nth-child(3){color:#fff;background-color:#dc3545}.sessionPageContainer .sessionPageButtonContainer button:nth-child(3):hover{background-color:red}.notFoundContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;@keyframes bounce{50%{transform:scale(.9)}}}.notFoundContainer .btn{display:block;padding:.7em 1em;background:transparent;outline:none;border:0;color:#d4af37;letter-spacing:.1em;font-family:monospace;font-size:17px;font-weight:700;cursor:pointer;z-index:1}.notFoundContainer .cube{position:relative;transition:all .5s}.notFoundContainer a{color:#fff;text-decoration:none}.notFoundContainer .cube .bg-top{position:absolute;height:10px;background:#d4af37;bottom:100%;left:5px;right:-5px;transform:skew(-45deg);margin:0;transition:all .4s}.notFoundContainer .cube .bg-top .bg-inner{bottom:0}.notFoundContainer .cube .bg{position:absolute;left:0;bottom:0;top:0;right:0;background:#d4af37;transition:all .4s}.notFoundContainer .cube .bg-right{position:absolute;background:#d4af37;top:-5px;z-index:0;bottom:5px;width:10px;left:100%;transform:skew(0,-45deg);transition:all .4s}.notFoundContainer .cube .bg-right .bg-inner{left:0}.notFoundContainer .cube .bg-inner{background:#28282d;position:absolute;left:2px;right:2px;top:2px;bottom:2px}.notFoundContainer .cube .text{position:relative;transition:all .4s}.notFoundContainer .cube:hover .bg-inner{background:#d4af37;transition:all .4s}.notFoundContainer .cube:hover .text{color:#28282d;transition:all .4s}.notFoundContainer .cube:hover .bg-right,.notFoundContainer .cube:hover .bg,.notFoundContainer .cube:hover .bg-top{background:#28282d}.notFoundContainer .cube:active{z-index:9999;animation:bounce .1s linear}footer{position:fixed;bottom:0;margin-bottom:1rem}@media only screen and (max-width: 769px){body{height:80vh}.homePageContainer .homePageTitleText{font-size:2.7rem}.joinPageContainer .joinPageTitleText{font-size:2.7rem}.sessionPageContainer .sessionIdAndInvite{display:flex;flex-direction:column;margin:0}.sessionPageContainer .pokerCards .card{width:70px;height:90px}.sessionPageContainer .pokerCards .card2{width:70px;height:90px;font-size:1.6rem}}