body{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#073b4c}.birthdayCard{position:relative;width:350px;height:500px;cursor:pointer;transform-style:preserve-3d;transform:perspective(3000px);transition:1s}.birthdayCard:hover{transform:perspective(3000px) rotate(5deg);box-shadow:inset 150px 30px 150px #0003,0 15px 150px #00000080}.birthdayCard:hover .cardFront{transform:rotateY(-160deg)}.birthdayCard:hover .happy{visibility:hidden}.cardFront{position:relative;background-color:#fff;width:350px;height:500px;overflow:hidden;transform-origin:left;box-shadow:inset 150px 30px 150px #0003,45px 0 75px #0006;transition:.6s}.happy{font-family:Tahoma,sans-serif;text-align:center;margin:50px;font-size:2rem;background-image:linear-gradient(120deg,#f6d365,#fda085);transition:.1s;backface-visibility:visible}.balloons{position:absolute}.balloonOne,.balloonTwo,.balloonThree,.balloonFour{position:absolute;width:120px;height:135px;border-radius:50%}.balloonOne{background-color:#ef476fb3;left:-15px;top:70px}.balloonTwo{background-color:#06d6a0b3;left:70px;top:30px}.balloonThree{background-color:#ffd166b3;left:150px;top:70px}.balloonFour{background-color:#118ab2b3;left:230px;top:30px}.balloonOne:before,.balloonTwo:before,.balloonThree:before,.balloonFour:before{content:"";position:absolute;width:1px;height:200px;background-color:#ffd166;top:135px;left:60px}.balloonOne:after,.balloonTwo:after,.balloonThree:after,.balloonFour:after{content:"";position:absolute;border-right:10px solid transparent;border-left:10px solid transparent;top:134px;left:50px}.balloonOne:after{border-bottom:15px solid #ef476f}.balloonTwo:after{border-bottom:15px solid #06d6a0}.balloonThree:after{border-bottom:15px solid #ffd166}.balloonFour:after{border-bottom:15px solid #118ab2}.cardInside{position:absolute;background-color:#fff;width:350px;height:500px;z-index:-1;left:0;top:0;box-shadow:inset 150px 30px 150px #0003}p{font-family:Brush Script MT,cursive;margin:20px;font-size:1.5rem;color:#333}.name{position:absolute;left:200px;top:400px;font-size:1.5rem;color:#333}.back{font-family:Tahoma,sans-serif;color:#333;text-align:center;margin:50px;font-size:1.5rem;outline-color:#333;outline-style:dotted}