html,body,body>div:first-child,div#__next,div#__next>div{height:100%}html,body{scroll-behavior:smooth;width:100%;height:100%;margin:0;padding:0;font-family:Open Sans,sans-serif}body::-webkit-scrollbar{display:none}body::-webkit-scrollbar-track{display:none}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.birthdayCard{cursor:pointer;width:250px;height:350px;transform-style:preserve-3d;transition:all 1s;position:relative;transform:perspective(2500px)}.birthdayCard:hover{transform:perspective(2500px)rotate(2deg);box-shadow:inset 100px 20px 100px #0003,0 10px 100px #0000001a}.birthdayCard:hover .cardFront{transform:rotateY(-160deg)}.birthdayCard:hover .happy{visibility:hidden}.cardFront{transform-origin:0;background-color:#fff;width:250px;height:350px;transition:all .6s;position:relative;overflow:hidden;box-shadow:inset 100px 20px 100px #0000001a,30px 0 50px #0000001a}.happy{text-align:center;backface-visibility:visible;background-image:linear-gradient(120deg,#f6d365 0%,#fda085 100%);margin:30px;font-family:Tahoma,sans-serif;transition:all .1s}.balloons{position:absolute}.balloonOne,.balloonTwo,.balloonThree,.balloonFour{border-radius:50%;width:85px;height:95px;position:absolute}.balloonOne{background-color:#ef476fb3;top:50px;left:-10px}.balloonTwo{background-color:#06d6a0b3;top:20px;left:50px}.balloonThree{background-color:#ffd166b3;top:50px;left:110px}.balloonFour{background-color:#118ab2b3;top:20px;left:170px}.balloonOne:before,.balloonTwo:before,.balloonThree:before,.balloonFour:before{content:"";background-color:#ffd166;width:1px;height:155px;position:absolute;top:95px;left:43px}.balloonOne:after,.balloonTwo:after,.balloonThree:after,.balloonFour:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;position:absolute;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}.cardInside{z-index:-1;background-color:#fff;width:250px;height:350px;position:absolute;top:0;left:0;box-shadow:inset 100px 20px 100px #0000001a}p{color:#333;margin:40px}.name{color:#333;position:absolute;top:200px;left:150px}.back{color:#333;text-align:center;outline-style:dotted;outline-color:#333;margin:30px;font-family:Tahoma,sans-serif}