@charset "UTF-8";.main-menu{animation:menu-fade-in .5s linear;text-align:center}.main-menu__heading{text-transform:capitalize;margin-bottom:2rem}.main-menu--no-animation{animation:none}.main-menu__actions{display:flex;flex-direction:column;gap:2.5rem;width:250px;margin:auto}.main-menu__button{font-size:1.6rem;text-transform:capitalize;color:#fff;background-color:#742222;box-shadow:.2em .2em .5em #000;border:none;border-radius:4px;cursor:pointer}.main-menu__button:hover{background-color:#842222}.main-menu__button:disabled{opacity:.8;background-color:#742222}.main-menu__button{font-size:2rem;padding:1rem;cursor:pointer}.main-menu__text{position:absolute;bottom:-60px;color:orange}.card{height:120px;margin:2px 4px;box-shadow:.2em .2em .3em #000;cursor:pointer}.card--player:hover{transform:scale(1.02) translateY(-2px);box-shadow:.2em .2em .6em #000}.card--deck{margin-bottom:20px;border-radius:5px;box-shadow:.4em .4em #9a9a9a,.3em .3em #9a9a9a,.2em .2em #9a9a9a,.1em .1em #9a9a9a,.6em .6em .3em #000}.card--deck--active:hover{transform:scale(1.02);box-shadow:.4em .4em #9a9a9a,.3em .3em #9a9a9a,.2em .2em #9a9a9a,.1em .1em #9a9a9a,.6em .6em .5em #000}.hand{display:flex;flex-direction:column;align-items:center}.hand__heading{margin:.8rem;font-weight:700}.game{flex:4;display:flex;flex-direction:column;gap:32px;width:1000px}.game__heading{text-align:center;margin:.8rem auto;font-weight:700}.game__console{display:flex;flex-direction:column;justify-content:center;text-align:center;height:100px;margin:auto;font-weight:700}.game__hand{text-align:center}.game__button{font-size:1.6rem;text-transform:capitalize;color:#fff;background-color:#742222;box-shadow:.2em .2em .5em #000;border:none;border-radius:4px;cursor:pointer}.game__button:hover{background-color:#842222}.game__button:disabled{opacity:.8;background-color:#742222}.game__button{padding:.5rem 4rem;margin:1.6rem}.game__game-over{display:flex;align-items:center;gap:40px}.game__game-over-heading,.game__game-over-text{margin-bottom:.4rem}.sidebar{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.sidebar__deck{margin:0 auto;width:fit-content}.sidebar__heading{text-transform:capitalize;text-align:center;font-weight:700;margin:.4rem}.sidebar__actions{display:flex;flex-direction:column}.sidebar__button{font-size:1.6rem;text-transform:capitalize;color:#fff;background-color:#742222;box-shadow:.2em .2em .5em #000;border:none;border-radius:4px;cursor:pointer}.sidebar__button:hover{background-color:#842222}.sidebar__button:disabled{opacity:.8;background-color:#742222}.sidebar__button{margin:1rem auto;width:180px;padding:.5rem}.sidebar__button--quit{background-color:#be0000}.sidebar__button--quit:hover{background-color:#e60000}.create-game{flex:4;display:flex;flex-direction:column;justify-content:center;align-items:center}.create-game__text{font-size:2.5rem;margin:2rem}.create-game__id{font-size:3rem;font-weight:700}.modal__backdrop{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;border-radius:inherit;padding:64px;z-index:10}.modal__title{font-size:5rem;font-weight:700}.modal__container{display:flex;flex-direction:column;justify-content:center;width:1000px;overflow:auto}.modal__container-heading{margin-bottom:20px}.modal__container-heading--green{color:green}.modal__container-heading--red{color:red}.modal__heading,.modal__sub-heading{text-align:center;text-transform:capitalize;font-size:4rem;margin:.5rem}.modal__sub-heading{font-size:2.4rem;margin:0}.modal__content{overflow:auto}.modal__button{font-size:1.6rem;text-transform:capitalize;color:#fff;background-color:#742222;box-shadow:.2em .2em .5em #000;border:none;border-radius:4px;cursor:pointer}.modal__button:hover{background-color:#842222}.modal__button:disabled{opacity:.8;background-color:#742222}.modal__button{margin-top:5rem;padding:1rem 5rem}.pairs-modal__heading{font-weight:700;margin-bottom:.8rem;margin-left:.4rem}.pairs-modal__pairs{margin-bottom:24px}.quit-game-modal{text-align:center;margin-top:20px}.quit-game-modal__text{font-size:2rem}.quit-game-modal__button{font-size:1.6rem;text-transform:capitalize;color:#fff;background-color:#742222;box-shadow:.2em .2em .5em #000;border:none;border-radius:4px;cursor:pointer}.quit-game-modal__button:hover{background-color:#842222}.quit-game-modal__button:disabled{opacity:.8;background-color:#742222}.quit-game-modal__button{margin-top:5rem;padding:1rem 5rem}.quit-game-modal__button{background-color:#be0000}.quit-game-modal__button:hover{background-color:#e60000}.player-modal__content{display:flex;flex-direction:column;gap:24px;text-align:center}.player-modal__text{font-size:1.8rem;font-weight:700;margin:auto auto 24px;max-width:800px}.session{display:flex;animation:session-fade-in .5s linear}@keyframes session-fade-in{0%{opacity:0}}.instructions{font-size:1.8rem}.instructions__text{font-size:2.2rem;text-align:center;font-weight:700}.instructions__item{margin:3rem 3rem 3rem 2.4rem}.instructions__item:nth-child(1){list-style-type:"♣  "}.instructions__item:nth-child(2){list-style-type:"♦  "}.instructions__item:nth-child(3){list-style-type:"♥  "}.instructions__item:nth-child(4){list-style-type:"♠  "}.instructions__item:nth-child(5){list-style-type:"♣  "}.instructions__item:nth-child(6){list-style-type:"♦  "}.instructions__item:nth-child(7){list-style-type:"♥  "}.instructions__item:nth-child(8){list-style-type:"♠  "}.instructions__item:nth-child(9){list-style-type:"♣  "}.multiplayer-menu{text-align:center}.multiplayer-menu__heading{text-transform:capitalize;margin-bottom:2rem}.multiplayer-menu__actions{display:flex;flex-direction:column;gap:2.5rem;width:250px;margin:auto}.multiplayer-menu__button{font-size:1.6rem;text-transform:capitalize;color:#fff;background-color:#742222;box-shadow:.2em .2em .5em #000;border:none;border-radius:4px;cursor:pointer}.multiplayer-menu__button:hover{background-color:#842222}.multiplayer-menu__button:disabled{opacity:.8;background-color:#742222}.multiplayer-menu__button{font-size:2rem;padding:1rem;cursor:pointer}.multiplayer-menu__text{font-size:2.4rem;margin:1rem;margin-top:24px;color:orange}.join-game{text-align:center}.join-game__heading{margin-bottom:2rem}.join-game__text{font-size:2.4rem}.join-game__text--info{font-size:2.4rem;margin:1rem;margin-top:24px;color:orange}.join-game__input{font-size:2rem;text-align:center;outline:none;margin:3.2rem;padding:.8rem;border:none;border-radius:4px}.join-game__actions{display:flex;flex-direction:column;gap:2.5rem;width:250px;margin:auto}.join-game__button{font-size:1.6rem;text-transform:capitalize;color:#fff;background-color:#742222;box-shadow:.2em .2em .5em #000;border:none;border-radius:4px;cursor:pointer}.join-game__button:hover{background-color:#842222}.join-game__button:disabled{opacity:.8;background-color:#742222}.join-game__button{font-size:2rem;padding:1rem;cursor:pointer}.app{display:flex;flex-direction:column;align-items:center;min-width:fit-content}.app__title{font-size:5rem;text-shadow:2px 2px 2px black;margin:24px}.app__container{display:flex;justify-content:center;align-items:center;justify-self:center;width:100%;min-width:1200px;max-height:600px}@keyframes menu-fade-in{0%{opacity:0}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body ::-webkit-scrollbar{width:5px}body ::-webkit-scrollbar-thumb{background:#fff}body{position:relative;font-size:1.6rem;font-family:Arial,Helvetica,sans-serif;color:#fff;background-image:linear-gradient(to bottom right,#007800,#003200);background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;min-width:fit-content;height:fit-content;min-height:100vh}.root{display:flex;align-items:center;height:100%}