body{margin:0;padding:0;height:100vh;background-color:#073b4c}.App,body{display:flex;align-items:center;justify-content:center}.birthdayCard{position:relative;width:250px;height:350px;cursor:pointer;transform-style:preserve-3d;transform:perspective(2500px);transition:1s}.birthdayCard:hover{transform:perspective(2500px) rotate(5deg);box-shadow:inset 100px 20px 100px rgba(0,0,0,.2),0 10px 100px rgba(0,0,0,.5)}.birthdayCard:hover .cardFront{transform:rotateY(-160deg)}.birthdayCard:hover .happy{visibility:hidden}.cardFront{position:relative;background-color:#fff;width:250px;height:350px;overflow:hidden;transform-origin:left;box-shadow:inset 100px 20px 100px rgba(0,0,0,.2),30px 0 50px rgba(0,0,0,.4);transition:.6s}.happy{font-family:Tahoma,sans-serif;text-align:center;margin:30px;background-image:linear-gradient(120deg,#f6d365,#fda085);transition:.1s;-webkit-backface-visibility:visible;backface-visibility:visible}.balloons{position:absolute}.balloonFour,.balloonOne,.balloonThree,.balloonTwo{position:absolute;width:85px;height:95px;border-radius:50%}.balloonOne{background-color:rgba(239,71,111,.7);left:-10px;top:50px}.balloonTwo{background-color:rgba(6,214,160,.7);left:50px;top:20px}.balloonThree{background-color:rgba(255,209,102,.7);left:110px;top:50px}.balloonFour{background-color:rgba(17,138,178,.7);left:170px;top:20px}.balloonFour:before,.balloonOne:before,.balloonThree:before,.balloonTwo:before{content:"";position:absolute;width:1px;height:155px;background-color:#ffd166;top:95px;left:43px}.balloonFour:after,.balloonOne:after,.balloonThree:after,.balloonTwo:after{content:"";position:absolute;border-right:7px solid transparent;border-left:7px solid transparent;top:94px;left:37px}.balloonOne:after{border-bottom:10px solid #ef476f}.balloonTwo:after{border-bottom:10px solid #06d6a0}.balloonThree:after{border-bottom:10px solid #ffd166}.balloonFour:after{border-bottom:10px solid #118ab2}.stars{width:100%;height:100%;pointer-events:none}.star,.stars{position:absolute}.star{color:#ffd166;font-size:20px;animation:twinkle 2s infinite alternate}.star1{top:30px;left:200px;animation-delay:0s}.star2{top:80px;left:30px;animation-delay:.5s}.star3{top:150px;left:180px;animation-delay:1s}.star4{top:200px;left:80px;animation-delay:1.5s}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.confetti{position:absolute;width:100%;height:100%;pointer-events:none}.confetti-piece{position:absolute;width:8px;height:8px;background:#ef476f;animation:fall 3s linear infinite}.confetti-piece:nth-child(2n){background:#06d6a0;animation-delay:.5s}.confetti-piece:nth-child(3n){background:#ffd166;animation-delay:1s}.confetti-piece:nth-child(4n){background:#118ab2;animation-delay:1.5s}.confetti1{left:10%;animation-delay:0s}.confetti2{left:30%;animation-delay:.3s}.confetti3{left:50%;animation-delay:.6s}.confetti4{left:70%;animation-delay:.9s}.confetti5{left:90%;animation-delay:1.2s}@keyframes fall{0%{top:-10px;transform:rotate(0deg)}to{top:360px;transform:rotate(1turn)}}.cardInside{position:absolute;background-color:#fff;width:250px;height:350px;z-index:-1;left:0;top:0;box-shadow:inset 100px 20px 100px rgba(0,0,0,.2)}p{font-family:Brush Script MT,cursive;margin:40px}.name,p{color:#333}.name{position:absolute;left:150px;top:200px}.back{font-family:Tahoma,sans-serif;color:#333;text-align:center;margin:30px;outline-color:#333;outline-style:dotted}