body{margin:0;background-color:#001d29;background:linear-gradient(180deg,#000,#001d29)!important;display:flex;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;justify-content:center;align-items:center;min-height:100vh}main{display:flex;flex-direction:column;align-items:stretch}.guessCardContainer{width:100%;height:fit-content;position:relative;display:flex;justify-content:center}.guessCardGrid{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin:0 50px}.guessCard,.emptyCard{width:130px;height:130px;margin:20px;left:0;display:inline-flex;flex:0 1 130px;position:relative;perspective:1000px}.cardSides{transition:transform .8s;transform-style:preserve-3d;width:100%;height:100%}.cardFlippedDown.cardSides{transform:rotateY(180deg)}.cardSideFront,.cardSideBack{width:100%;height:100%;object-fit:cover;backface-visibility:hidden;margin:-6px;border:6px solid;border-image-slice:1;border-width:6px;border-image-source:linear-gradient(to bottom,#ffffff,#98d6ff);background:linear-gradient(180deg,#ffb327,#ff701e);box-shadow:#0000004d 5px 5px 5px 5px;position:absolute}.cardSideFront{background:linear-gradient(180deg,#06525c,#00828b)}.emptyCard .cardSideFront{width:100%;height:100%;object-fit:cover;backface-visibility:hidden;margin:-6px;border:6px solid;border-image-slice:1;border-width:6px;border-image-source:linear-gradient(to bottom,#ffffff,#98d6ff);background:linear-gradient(180deg,#5a5a5a,#2e2e2e);box-shadow:#0000004d 5px 5px 5px 5px;position:absolute}.guessCard:hover .cardSideFront,.guessCard:hover .cardSideBack{border-image-source:linear-gradient(to bottom,#ffe17d,#f3c034)}.guessCard .cardName{z-index:15;width:100%;height:100%;margin:-6px;border:6px solid;border-image-slice:1;border-width:6px;border-image-source:linear-gradient(to bottom,#ffffff,#98d6ff);background:#000000b3;position:absolute;opacity:0%;word-wrap:break-word;overflow:hidden;font-size:15px}.guessCard:hover .cardName{opacity:100%;border-image-source:linear-gradient(to bottom,#ffe17d,#f3c034);color:#f3c034;font-weight:700;text-align:center}.cardSideBack{transform:rotateY(180deg)}.cardSideFront img{width:100%;height:100%;object-fit:cover}.emptyCard .cardSideFront img{width:50px;height:50px;margin:40px;object-fit:scale-down}.cardSideBack img{width:100px;height:100px;margin:15px;object-fit:fit}.logo{width:80%;max-width:500px;display:block;margin:50px auto 60px}.inputs{color:#fff;padding:25px;margin:25px 50px;width:calc(100% - 150px);background:#003145;display:flex;justify-content:space-between}.imageInput,.startButton{flex:0 1 auto}.noCardsHelp{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin:0 50px;color:#fff}.mySelection{display:flex;justify-content:center;align-items:center;margin:0 50px;color:#fff;font-size:30px;border-bottom:#003145 5px solid}