.nav-bar{position:fixed;top:0;left:0;width:100%;height:75px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background:-webkit-gradient(linear,left top,right top,from(#ffce27),to(#ffc111));background:linear-gradient(90deg,#ffce27,#ffc111);padding:0 24px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);z-index:10}.emoji-container,.nav-bar{-ms-flex-align:center;align-items:center}.emoji{height:35px;color:#000}.emoji-heading{font-size:36px;font-family:Caveat;color:#000;font-weight:700;letter-spacing:1px;margin:0}.score-card{display:-ms-flexbox;display:flex;grid-gap:20px;gap:20px}.score{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:18px;color:#000;font-weight:400;letter-spacing:1px;font-style:italic;margin:0;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.score:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.emoji-card{background:-webkit-gradient(linear,left top,right bottom,from(#b065f5),to(#d9a7c7));background:linear-gradient(to bottom right,#b065f5,#d9a7c7);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:180px;height:180px;border-radius:15px;border:2px solid #fff}.emoji-img{width:80px;height:80px}.button-emoji-item{background-color:transparent;border:none;outline:none;cursor:pointer}.button-emoji-item:hover{-webkit-transform:scale((1.1));transform:scale((1.1))}.win-lose-card{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:32px;border-radius:20px;border:2px solid #fff;background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);-webkit-box-shadow:0 8px 32px rgba(31,38,135,.37);box-shadow:0 8px 32px rgba(31,38,135,.37);width:80%;max-width:900px;margin:40px auto;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.win-lose-card:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.win-lose-details{-ms-flex:1 1;flex:1 1;text-align:center}.win-lose-heading{font-size:42px;font-weight:700;margin-bottom:10px}.best-score,.win-lose-heading{color:#fff;font-family:"Open Sans",sans-serif}.best-score{font-size:20px;font-style:italic;margin-bottom:8px}.final-score{color:#6a59ff;font-size:28px;font-weight:700;margin-bottom:16px}.button-play-again{background-color:#ffce27;padding:12px 24px;border:none;border-radius:12px;font-family:"Open Sans",sans-serif;font-size:18px;font-style:italic;letter-spacing:1px;font-weight:400;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.button-play-again:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#f7c013}.win-lose-img{height:320px;width:auto;margin-left:20px}@media screen and (max-width:768px){.win-lose-card{-ms-flex-direction:column;flex-direction:column;padding:24px;text-align:center}.win-lose-img{margin-left:0;margin-top:24px;height:220px}.win-lose-heading{font-size:32px}.final-score{font-size:24px}.button-play-again{padding:10px 20px}}.main-container{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,right bottom,from(#b065f5),to(#d9a7c7));background:linear-gradient(to bottom right,#b065f5,#d9a7c7);font-family:"Roboto",sans-serif;padding:80px 24px 24px}.emoji-container{-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:24px;gap:24px;padding:40px 0;list-style:none;margin:0;-webkit-animation:fadeInUp .6s ease-in;animation:fadeInUp .6s ease-in}.emoji-container,.win-lose-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.win-lose-container{-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-webkit-animation:popIn .6s ease-in-out;animation:popIn .6s ease-in-out}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes popIn{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popIn{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.9e1314a9.chunk.css.map */