body{display:flex;min-height:100vh;background-color:#1a1b26;padding:0;margin:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;overflow-y:hidden;overflow-x:hidden}#__next{flex:1 1 auto}.top-bar{background-color:#bb9af7;color:#1a1b26;width:100%;height:100px;font-size:70px;text-align:center;vertical-align:center;margin-top:0}.main-container{width:100%;height:100%;overflow:hidden}.menu-items{color:#a9b1d6;display:flex;flex-direction:column;justify-content:center;align-items:center;height:80%}.or-box{font-size:60px;margin-top:30px;margin-bottom:30px}.host-button,.join-button{background-color:#2ac3de;color:#1a1b26;height:50px;width:250px}.host-button,.input-box,.join-button{font-size:40px;text-align:center;border-radius:5px;outline:none;border:none}.input-box{background-color:#414868;color:#ff9e64;height:60px;width:300px;margin-bottom:20px}.lobby-items{color:#a9b1d6;flex-direction:column;height:60%;width:100%;max-width:750px}.count-circle,.lobby-items{display:flex;justify-content:center;align-items:center}.count-circle{border-radius:50%;background-color:#f7768e;font-size:80px;width:30%;vertical-align:center;aspect-ratio:1/1;margin-top:20%;margin-bottom:50px}.count-circle,.start-button{color:#1a1b26;text-align:center}.start-button{background-color:#9ece6a;font-size:40px;height:50px;width:250px;border-radius:5px;outline:none;border:none}.bottom-bar{background-color:#414868;color:#ff9e64;width:100%;height:100px;font-size:70px;text-align:center;vertical-align:center;position:fixed;bottom:0}.card-container{margin:10%;height:70%;width:80%}.swipe-card__content{height:100%}.swipe-card__container{background-color:#414868;color:#a9b1d6}.center-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.swipe-card__image-container{display:none}.match-container{position:absolute;width:100%;height:100%;justify-content:center;z-index:10;overflow-x:hidden;overflow-y:hidden}.match,.match-container{display:flex;align-items:center}.match{width:90%;height:80%;margin-bottom:20%;background-color:#414868;flex-direction:column;animation:match-popup .5s;border-radius:10px}@keyframes match-popup{0%{transform:scale(0)}to{transform:scale(1)}}.match-text{color:#9ece6a;width:100%;height:100px;font-size:60px;text-align:center;vertical-align:center;margin-top:5%}.hidden{display:non}.card-image{margin-top:5%;margin-left:5%;margin-right:5%;max-height:50%;max-width:90%;border-radius:5px;object-fit:scale-down}.card{background-color:#414868;color:#a9b1d6;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;border-radius:10px}.resturant-name{color:#bb9af7;height:150}.resturant-distance,.resturant-name{width:100%;font-size:25px;text-align:center;vertical-align:center;margin-top:3%}.resturant-distance{color:#ff9e64;height:60px}.resturant-price{color:#9ece6a;height:40px;font-size:35px;margin-top:5%}.resturant-price,.review-count{width:100%;text-align:center;vertical-align:center}.review-count{color:#bb9af7;height:15px;font-size:15px}.yelp{position:absolute;right:10px;bottom:5px}