@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Montserrat:wght@300;400;600&display=swap);body{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Montserrat,sans-serif;height:100vh;justify-content:center;margin:0}.birthdayCard{cursor:pointer;height:450px;position:relative;transform:perspective(2500px);transform-style:preserve-3d;transition:1s;width:320px}.birthdayCard:hover{box-shadow:inset 100px 20px 100px #0000001a,0 20px 60px #0000004d;transform:perspective(2500px) rotate(5deg)}.birthdayCard:hover .cardFront{transform:rotateY(-160deg)}.birthdayCard:hover .card-content{visibility:hidden}.cardFront{background:#fff;border-radius:15px;box-shadow:inset 20px 10px 40px #0000000d,15px 0 30px #0003;height:450px;left:0;overflow:hidden;position:absolute;top:0;transform-origin:left;transition:.6s;width:320px;z-index:2}.card-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 30px}.header-text{margin-bottom:60px;text-align:center}.happy-birthday{color:#333;font-size:16px;font-weight:400;letter-spacing:3px;margin:0 0 20px;text-transform:uppercase}.happy-birthday,.to-my{font-family:Montserrat,sans-serif}.to-my{color:#666;font-size:14px;font-weight:300;letter-spacing:2px;margin:0}.wife-text-container{margin-bottom:80px;text-align:center}.wife-script{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f06365,#ff8a8a,#ffa8a8);-webkit-background-clip:text;background-clip:text;color:#f06365;font-family:Dancing Script,cursive;font-size:64px;font-weight:700;margin:0;text-shadow:1px 1px 3px #0000001a}.heart-container{text-align:center}.heart-img{display:block;height:30px;margin:0 auto;width:30px}.cardInside{background:#fff;border-radius:15px;box-shadow:inset 20px 10px 40px #0000000d;box-sizing:border-box;height:450px;left:0;padding:30px;position:absolute;top:0;width:320px;z-index:1}.cardInside p{color:#121212;font-family:Montserrat,sans-serif;font-size:11px;font-weight:400;letter-spacing:2px;line-height:1.6;margin:0}.name{bottom:40px;color:#f06365;font-style:italic;font-weight:400;position:absolute;right:40px}.heart-signature{display:inline-block;height:16px;margin-left:5px;vertical-align:middle;width:16px}.back{color:#f06365;font-family:Dancing Script,cursive;font-size:32px;font-weight:700;margin:20px 0 30px;text-align:center}
/*# sourceMappingURL=main.75da5b78.css.map*/