@import "https://fonts.googleapis.com/css2?family=Alex+Brush&family=Dancing+Script:wght@400..700&family=Great+Vibes&family=Lobster&display=swap";
:root{--color-bg:linear-gradient(to top, #e6f7ff, #b3e0ff);--color-glass:linear-gradient(to left, #cef, #9cf);--color-water:linear-gradient(to left, #e0f7ff, #99c2ff);--color-flower-petal-1:linear-gradient(to bottom, #f0f8ff, #cce7ff, #a3d0ff 99%)!important;--color-flower-petal-2:linear-gradient(to bottom, #d9f2ff, #a3d9ff, #73b9ff 99%)!important;--color-flower-leaf:linear-gradient(to bottom, #d9f2ff, #b3e0ff, #73b9ff 99%)!important;--color-flower-petal-8:linear-gradient(to left bottom, #ccefff, #a3d9ff, #5f9eea 98%)!important;--color-flower-line:linear-gradient(to left top, #e6f7ff 20%, #b3e0ff, #5f9eea)!important;--color-flower-line-1:linear-gradient(to top, #b3e0ff, #5f9eea)!important;--color-flower-leaf-9:linear-gradient(to left bottom, #d9f2ff, #9cf)!important;--color-flower-leaf-8:linear-gradient(to left bottom, #cce7ff, #73b9ff)!important;--color-flower-line-bg:#5f9eea!important;--color-flower-line-border:#99bce8!important;--color-flower-leaf-bg:#a3d0ff!important;--color-flower-leaf-2-bg:#8fc1ff!important;--color-flower-leaf-3-bg:#73b9ff!important;--color-glass-bg:#e0f7ff!important}.invitation-body{background-color:#fff0;font-family:Georgia,serif}.invitation-card{text-align:center;color:#333;background:linear-gradient(#f6f9ff00,#fbc2eba0);border-radius:8px;width:480px;margin:20px auto;padding:30px 40px;line-height:1.5;box-shadow:0 0 10px #071e6f4d}.background-div{flex-wrap:wrap;place-content:center;display:flex}.svg-background{background-image:url(../media/couple.048b24-6hvk1o.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:150px;height:110px;transform:scaleX(-1)}.invitation-content{max-width:350px;margin:0 auto}.invite-note{color:#121212;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;font-size:12px}.invite-note-text{color:#4f4f4f;letter-spacing:1px;text-transform:uppercase;font-size:12px}.invitee-name{color:#071e6f;text-transform:capitalize;border-bottom:1px dashed #000;margin:0;font-family:emoji;font-size:30px;font-style:italic;font-weight:400}.couple-name{background:linear-gradient(#7baaff,#01011d);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:emoji;font-size:54px;font-style:italic;font-weight:700}.groom-name{text-align:left;margin-left:63px;line-height:63px}.bride-name{text-align:right;margin-right:69px;line-height:55px}.uppercase{text-transform:uppercase;color:#fff;background:#071e6f;border-radius:10px;padding:10px;font-family:Dancing Script,cursive}.address{color:#121212;padding:15px;font-size:12px}.address a{justify-content:center;align-items:center;-webkit-text-decoration:underline #0b0b08;text-decoration:underline #0b0b08;text-decoration-thickness:1px;display:flex}.address a svg{width:20px;height:25px}.hotel-name{color:#181715;font-weight:600}.date-side{color:#171613;flex-direction:column;align-items:center;gap:5px;display:flex}.date-side .line{background-color:#171615;width:100px;height:1px;margin:2px 0}.date-center{flex-direction:column;align-items:center;display:flex}.date-center .month{color:#0e0d0b;font-size:16px;font-weight:700}.date-center .day-number{color:#000;font-size:48px;font-weight:700}.date-center .year{color:#0a0908;font-size:14px}.day-name,.time{color:#0e0c0a;letter-spacing:1px;text-transform:uppercase;font-size:14px}.and{margin:1px 0;font-family:"Cursive",serif;font-size:24px;line-height:20px}.reception-note{color:#121212;margin-top:20px;font-size:12px}.invite-button{color:#fff;cursor:pointer;text-align:center;background-color:#47629f;border:none;border-radius:25px;padding:8px 30px;font-family:Arial,sans-serif;font-size:13px;font-weight:700;transition:background-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 0 4px #73b9ffb3,0 0 12px #5ba0f5e0}.invite-button:before{content:"";opacity:.7;background:radial-gradient(circle,#fff6,#0000);width:200%;height:200%;transition:transform .5s ease-out;position:absolute;top:-50%;left:-50%;transform:scale(0)}.invite-button:hover:before{transform:scale(1)}@media screen and (max-width:450px){.invitation-card{margin:10px;padding:30px 20px;width:auto!important}.couple-name{font-size:45px}.groom-name{text-align:left;margin-left:63px;line-height:53px}.bride-name{text-align:right;margin-right:69px;line-height:50px}.invite-note{margin-bottom:10px}.address{color:#121212;padding:10px;font-size:12px}}