@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";#app{height:100vh}html,body{margin:0;padding:0}body{font-family:IBM Plex Mono,monospace;font-weight:400;font-style:normal;background-color:#112030}.header{height:30vh;width:100%;display:flex;justify-content:center;align-items:center}.info{display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:800px}.info>div:first-of-type{display:flex;justify-content:space-between;width:100%}.pageTitle{color:pink;font-size:38px;margin:0 40px}.timer{font-size:24px;margin-bottom:50px;color:#f4fe84!important}.star{height:41px;width:41px}.app-logo{position:fixed;top:0;left:10px;width:20%;height:auto;z-index:1000}.pseudo-form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#46178f;color:#fff}.input-container{display:flex;flex-direction:column;align-items:center}input{padding:10px;font-size:16px;margin-bottom:10px}button{padding:10px 20px;font-size:16px;background-color:#000;color:#fff;border:none;cursor:pointer}.users-list{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:20px;list-style-type:none;padding:0 30%;max-width:100%;margin-top:100px}.user-item{width:180px;height:45px;position:relative;border-radius:3px;z-index:1}.user-item:before{content:"";position:absolute;top:33px;left:8px;width:180px;height:45px;border-radius:3px;z-index:0;background:#f0f154}.home-session-container{display:flex;flex-direction:column}.start-button{max-width:200px}.start-button-div{display:flex;justify-content:center;margin-top:100px}.label{background-color:#fff;display:inline-block;width:180px;height:45px;color:#000;border-radius:3px;font-size:24px;position:relative;z-index:2;display:flex;justify-content:center;align-items:center;text-align:center}button{width:100px;height:40px;border-radius:44px;background:linear-gradient(90deg,#f080de,#7965fa);font-family:IBM Plex Mono;color:#fff;font-size:20px;font-weight:500;line-height:normal;cursor:pointer;position:relative;z-index:1;overflow:hidden;border:none}.bean-logo{position:fixed;bottom:10px;left:10px;width:30%;height:auto;z-index:1000}.countdown{color:#f0f154;text-align:center}.choose-phrase{text-align:center;padding:20px;color:#fff}.timer{font-size:24px;margin-bottom:40px;color:#000}.phrases{display:flex;justify-content:center;gap:41px}.phrase-card{background:#fff;border-radius:10px;cursor:pointer;transition:background .3s;position:relative;padding:8px;width:500px;height:70px}.phrase-card p{color:#000}.phrase-card:before{content:"";position:absolute;top:14px;left:17px;width:508px;height:82px;border-radius:3px;background:#f0f154;z-index:-1}.phrase-card.selected{border:2px solid #F080DE;box-shadow:0 0 10px #f080de}.phrase-img{position:fixed;bottom:0;right:0;width:30%;height:auto;z-index:1000}.pseudo-form{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;color:#fff}.welcome-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:45px}.welcome-txt{width:80%;display:flex;justify-content:space-evenly}.logo-home-page{width:720px;height:auto}.input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;position:relative}.input-container:before{content:"";position:absolute;top:8px;left:8px;width:444px;height:50px;border-radius:3px;background:#f0f154;z-index:0}.input-container input{width:444px;height:50px;border-radius:3px;background:#fff;margin-bottom:55px;position:relative;z-index:1;border:none;box-sizing:border-box}.input-container input:focus{outline:none;border:2px solid #F080DE;box-shadow:0 0 10px #f080de}.input-container input::placeholder,.input-container input{color:#000;font-family:IBM Plex Mono;font-size:24px;font-style:normal;font-weight:400;padding:10px}.input-container button{width:228px;height:57px;border-radius:44px;background:linear-gradient(90deg,#f080de,#7965fa);font-family:IBM Plex Mono;color:#fff;font-size:25px;font-weight:500;line-height:normal;cursor:pointer;position:relative;z-index:1;overflow:hidden;border:none}.input-container button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:44px;background:linear-gradient(90deg,#7965fa,#f080de);transition:opacity .5s ease-in-out;opacity:0;z-index:-1}.input-container button:hover:before{opacity:1}.input-container button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:44px;background:linear-gradient(90deg,#f080de,#7965fa);transition:opacity .5s ease-in-out;opacity:1;z-index:-2}.p1-div-meme{width:100%;display:flex;justify-content:end}.p1-div-meme img{margin-right:90px}.gif-selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.gif-selector-container p{font-size:24px;margin-bottom:20px;color:#f0f154}.custom-input{width:800px;height:50px;border-radius:3px;background:#fff;margin-bottom:55px;position:relative;z-index:1;border:none;box-sizing:border-box;padding-left:16px}.custom-input:focus{outline:none;border:2px solid #f080de;box-shadow:0 0 10px #f080de}.custom-input input::placeholder,.custom-input input{color:#000;font-family:IBM Plex Mono;font-size:24px;font-style:normal;font-weight:400;padding:10px}.gifs-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:800px;margin-bottom:20px}.gif-item.selected{border:5px solid #f080de;box-shadow:0 0 10px #f080de}.gif-image{max-width:100%;max-height:100px;object-fit:cover}.validate-button{background:linear-gradient(45deg,#ff0080,#ff8c00);border:none;border-radius:20px;color:#fff;padding:10px 20px;font-size:16px;cursor:pointer;transition:background .3s ease}.validate-button:hover{background:linear-gradient(45deg,#ff8c00,#ff0080)}.gif-img{position:fixed;bottom:0;left:0;width:20%;height:auto;z-index:1000}.vote-img{position:fixed;top:0;right:0;width:20%;height:auto;z-index:1000}.vote-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.gifs-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:100%;margin-bottom:20px}.gif-item{display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #0000001a;cursor:pointer}.gif-item.selected{border:4px solid #F4FE84}.gif-image{max-width:100%;max-height:200px;object-fit:cover}.submit-button{background:linear-gradient(45deg,#ff0080,#ff8c00);border:none;border-radius:20px;color:#fff;padding:10px 20px;font-size:16px;cursor:pointer;transition:background .3s ease}.submit-button:hover{background:linear-gradient(45deg,#ff8c00,#ff0080)}.selected-gif-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px}.selected-gif{max-width:100%;max-height:80vh;border:4px solid #F4FE84;border-radius:10px}.scores-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.scores-list{display:flex;flex-direction:column;align-items:center;margin-top:20px}.score-item{display:flex;justify-content:space-between;width:300px;margin-bottom:10px}.new-game-button{background:linear-gradient(45deg,#ff0080,#ff8c00);border:none;border-radius:20px;color:#fff;padding:10px 20px;font-size:16px;cursor:pointer;transition:background .3s ease}.new-game-button:hover{background:linear-gradient(45deg,#ff8c00,#ff0080)}