@font-face{font-family:Mexcellent;src:url(/movie-match/assets/mexcellent.3d-regular-DpJMFENQ.otf)}html{overflow:hidden!important;background-color:#000}*{box-sizing:border-box;margin:0}body{overflow:hidden;font-family:Roboto;-webkit-user-select:none;-ms-user-select:none;user-select:none}#root{text-align:center;display:flex;justify-content:center;min-height:100vh;margin:0 auto;width:100%;background-image:url(/movie-match/assets/bg-mobile-Di_UvwnJ.jpg);background-repeat:no-repeat;background-size:100%;background-color:#000c11}@media only screen and (min-width: 992px){#root{background-image:url(/movie-match/assets/bg-desktop-CmNkKdmO.jpg)}.intruction-text-content{padding:0 80px!important}.result-page{width:50%!important;left:25%!important}.app-title{margin-top:20vh!important}.instructions-container{margin-top:-20vh!important;justify-content:space-evenly!important}.card-container{margin-top:2%!important}}@media only screen and (max-width: 375px){.app-title{margin-top:6vh!important}.instructions-container{margin-top:-6vh!important}.result-page{padding:28px!important;line-height:15px!important;margin:15vh auto!important;font-size:13px!important}.your-match{font-size:50px!important;padding:40px 0!important}}#root>div{align-items:center}.wrapper{display:flex;flex-direction:column;gap:20px}.app{width:100%}.app-title{font-family:Mexcellent;color:#fff;margin-top:10vh;position:relative;font-weight:100;font-size:50px;text-shadow:0 0 15px #000}.instructions-container{position:absolute;background-color:#202020;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;padding-inline:15px;color:#fff;margin-top:-10vh;padding-top:40px}.instruction-title{margin-top:140px;font-size:2rem;color:#b9b9b9}.instruction-text{text-align:center}.intruction-text-content{margin-top:10px;max-width:800px;margin-bottom:10px;padding:10px;text-align:justify;color:#b9b9b9}.card-wrapper{width:100%}.card-container{max-width:280px;height:430px;border-radius:20px;overflow:hidden;margin:5% auto 0}.card{position:relative;max-width:280px;height:430px;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:first baseline;background-position:center;background-size:cover;overflow:hidden;cursor:grab;border:3px solid transparent}.current.card{box-shadow:0 0 63px -4px #ffd63f;border:3px solid #ffffffc4}.card:active{cursor:grabbing}.card-detail{background:linear-gradient(to bottom,transparent,#00000082,#000000cf,#000000c7,black);text-align:left;padding:28px;color:#fff;line-height:23px}.card-title{margin-bottom:7px;text-shadow:0 0 35px #000}.card-description{padding-bottom:18px}.card-tags{background-color:#e60d13;border-radius:30px;margin-right:5px;padding:2px 12px;font-size:13px}.card-footer{line-height:27px}.swipe-buttons{margin:3vh}.swipe-buttons .button{margin:0 11px}.swipe{position:absolute}.button{flex-shrink:0;padding:10px;border-radius:15px;border:none;color:#fff;font-size:18px;background-color:#0000008f;transition:.2s;font-weight:bolder;width:125px;border:1px solid;cursor:pointer;box-shadow:0 0 23px -2px #f7eaba9c}.swipe-button{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:20px;margin-bottom:20px}.button:hover{transform:scale(1.05)}.name-input{background-color:#000000b2;width:80vw;margin:100px auto;padding:6vw 2vh;color:#fff;display:none;max-width:400px;line-height:60px;border-radius:15px;border:1px solid #ffffffc9;box-shadow:0 0 28px #000}.username{padding:10px;font-size:22px;border-radius:7px;border:none;opacity:.9;color:#fff;background-color:#000000e0;width:80%}.result-page{border-radius:15px;position:absolute;width:80%;height:auto;background-color:#000000ab;margin:10vh auto;color:#fff;padding:18px;line-height:22px;box-shadow:0 0 23px #ffe300;border:5px solid #ffe4aad1;left:10%}.quote{text-align:justify}.your-match{font-size:55px;padding:40px 0;line-height:50px}.ai-recommended-title{color:#ffcc07}.ai-recommended-content{margin-bottom:25px}.text-glow{text-shadow:0 0 10px #f5de67}.loading-icon{height:50px;margin-top:30px;-webkit-animation:fadeinout 4s linear forwards infinite;animation:fadeinout 1s linear forwards infinite}@-webkit-keyframes fadeinout{0%,to{opacity:0}50%{opacity:1}}@keyframes fadeinout{0%,to{opacity:0}50%{opacity:1}}