@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);#app{font-family:Poppins;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;padding:.5%}.slide-fade-enter-active[data-v-2eec5b3a]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-2eec5b3a]{transition:all .01s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-2eec5b3a],.slide-fade-leave-to[data-v-2eec5b3a]{transform:translateX(20px);opacity:0}.detective-image{width:424px;height:259px}.jones{color:#ff5c5c}.header-text{font-size:64px}#msg-box{float:right;background:#fff;padding-left:2%;border-top-left-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin:1%}#msg-text{font-family:Poppins;font-style:normal;font-weight:600;font-size:24px;line-height:24px;text-align:right;padding:15px;color:#000}#msg-box-2{float:left;background:#ff5c5c;padding-left:2%;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin:1%}#msg-text-2{font-family:Poppins;font-style:normal;font-weight:600;font-size:24px;line-height:24px;text-align:left;color:#fff;padding:15px}#back-box{width:100%;padding:2%;display:flex;flex-direction:column;height:400px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;background:rgba(255,92,92,.35)}#back-box::-webkit-scrollbar{display:none}.char-container{margin-top:4%;width:80%;display:flex;align-items:center;justify-content:center;padding:1%;padding-top:0;flex-direction:column;border:8px solid #ff5c5c;border-radius:20px}.cards-container{display:flex;flex-direction:row;overflow-x:auto}#guess{width:100%;border:2px solid #ff5c5c;font-size:32px;text-align:center;font-family:Poppins;background:#fff;border-radius:20px;margin:2%;outline:none}#guess:focus{box-shadow:0 0 8px 0 #ff5c5c}.image-container{background-color:rgba(0,151,205,.54)}.header-text{font-size:36px}.action-button{background-color:#0097cd}.action-button:disabled{background-color:#c4c4c4}#murder-1{font-size:82px;line-height:123px;color:#ff5c5c}#murder-1,#murder-2{font-family:Poppins;font-style:normal;font-weight:400;text-align:center}#murder-2{font-size:48px;line-height:72px;margin-bottom:4%;color:#000}#name-input:focus{box-shadow:0 0 8px 0 #0097cd}.image{width:213px;height:196px}.image-container{height:251px;display:flex;align-items:center;justify-content:center;margin-bottom:2%}.action-button,.image-container{background-color:#ff5c5c;width:312px}.action-button{font-size:32px;color:#fff;font-family:Poppins;height:63px;border-radius:20px;outline:none;border:none;margin:.5%}.action-button:hover{cursor:pointer;opacity:.6}.img-container-loader[data-v-176fd7a0]{display:flex;height:100vh;align-items:center;justify-content:center}.row-container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:2%}.right-container{background-color:#5bc25b}.right-container,.wrong-container{width:100%;display:flex;justify-content:center;align-items:center;color:#fff}.wrong-container{text-align:center;background-color:#ff5c5c}.description{font-size:28px;white-space:pre-line}.description-container{padding-left:4%;padding-right:4%}.container{display:flex;align-items:center;justify-content:center;padding:2%;flex-direction:column}.image-shark-final{width:529px;height:278px}.image-container-final{display:flex;align-items:center;justify-content:center;margin:2%}.header-text{font-size:48px;width:646px}.card{display:flex;width:100%;flex-direction:column;width:360px;height:360px;margin:2%;background:#fff;border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:transform .8s;align-items:center;justify-content:center;transform-style:preserve-3d;perspective:1000px;border:4px solid transparent}.card:hover{box-shadow:0 8px 16px 0 #ff5c5c;transform:rotateY(180deg);cursor:pointer}.person-img{height:240px;width:240px}.active{border-color:#ff5c5c}.back,.front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.back{background-color:#fff;border-radius:20px;transform:rotateY(180deg)}