#heading_container[data-v-596a4a4e]{width:100%;height:100vh;background-color:#a30000;padding:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-family:Arial Narrow Bold,sans-serif}#heading_container #heading-text[data-v-596a4a4e]{margin:2rem}#heading_container #heading-text h1[data-v-596a4a4e]{font-weight:900;font-size:3rem;line-height:100%;margin:.5rem 0}#heading_container #button-container[data-v-596a4a4e]{margin:2rem}#heading_container #button-container i[data-v-596a4a4e]{font-size:4rem;color:#f5f5f6;transition:.3s}#heading_container #button-container i[data-v-596a4a4e]:hover{cursor:pointer;color:#ff6434}#heading_container #button-container i:hover~p[data-v-596a4a4e]{color:#ff6434}#heading_container #button-container p[data-v-596a4a4e]{font-size:.5rem;line-height:50%;transition:.3s}#heading_container #button-container p[data-v-596a4a4e]:hover{cursor:pointer;color:#ff6434}#heading_container #button-container p:hover~i[data-v-596a4a4e]{color:#ff6434}.card-container[data-v-da965e94]{width:100%;height:auto}.card-container .card-image[data-v-da965e94]{width:200%;height:auto;position:relative;transition:.3s}.card-image-Player .card-image[data-v-da965e94]:hover{cursor:pointer;filter:drop-shadow(-4px 4px 9px rgba(0,0,0,.4));transform:translateY(-10px)}.user{margin:.5rem 0;padding:1rem;border:2px solid #f5f5f6;border-radius:1rem;width:80vw;display:grid;grid-gap:1rem;grid-template-columns:1fr}.user .info{display:flex;align-items:center;justify-content:space-between;width:100%}.user .info h1,.user .info h5,.user .info h6,.user .info p{margin:0 1rem;color:#f5f5f6;font-size:1rem}.user .info #books{display:flex;flex-direction:column;justify-content:center;align-items:center}.user .info #books #bookValues{display:flex;justify-self:flex-end;align-items:center}.user .info #books p{margin:0 .2rem}.user .info #books h6{font-weight:400;margin:0 .2rem}.user .message{position:absolute;left:0;width:100vw;height:30%;background-color:#a30000;font-size:1rem;color:#f5f5f6;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3rem}.user .message #message-text{width:auto}.user .message #message-text h1{padding:3rem 15rem;border:3px solid #f5f5f6;border-radius:1rem}.user .message #message-text p{font-size:1rem;font-weight:500;justify-self:start;padding:1rem 0;text-align:left}.user .message #message-text #found{text-align:right}.user .message-player{top:0}.user .message-computer{bottom:0}.user .cards{max-width:calc(100% - 4vw);height:auto;margin:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,4vw);grid-template-rows:repeat(auto);place-items:center;justify-content:start;align-items:center}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#dd2c00;overflow-x:hidden}@font-face{font-family:Ocra;src:url(../fonts/OCRAEXT.2d814a09.TTF)}#app{font-family:Ocra,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#gameOver{position:absolute;top:0;left:0;z-index:20;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#dd2c00;color:#f5f5f6}#gameOver #btn-container{font-size:2rem;width:80vw;border:3px solid #f5f5f6;padding:4rem 10rem;border-radius:2rem}#gameOver #btn-container h1{width:30vw;height:5rem;font-weight:500;margin:0 auto}#gameOver #btn-container button{outline:none;font-family:Ocra;font-size:2rem;margin:0 auto;border:0;background-color:#f5f5f6;color:#dd2c00;width:30vw;height:5.5rem;border-radius:1rem;transition:.3s}#gameOver #btn-container button:hover{background-color:#ff6434;color:#dd2c00;cursor:pointer}#gameOver #game-text-container{margin:2rem 0;width:30vw}#gameOver #game-text-container .game-text{margin:1rem 0;display:flex;justify-content:space-between}#users{margin:0;min-height:100vh;height:-webkit-max-content;height:-moz-max-content;height:max-content;display:flex;flex-direction:column;justify-content:center;align-items:center}.message{position:absolute}.message h1{font-size:2rem;color:#fff}.player-message{top:10%;left:10%}.computer-message{bottom:10%;right:10%}