@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Coiny&family=Titan+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Nerko+One&family=Sriracha&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css?family=Lato:300italic";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-dancingScript:"Dancing Script","cursive";--font-sriracha:"Sriracha","cursive"}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.-top-5{top:calc(var(--spacing)*-5)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[20\%\]{top:20%}.right-6{right:calc(var(--spacing)*6)}.-bottom-40{bottom:calc(var(--spacing)*-40)}.bottom-\[10\%\]{bottom:10%}.-left-4{left:calc(var(--spacing)*-4)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing)*6)}.left-\[50\%\]{left:50%}.z-0{z-index:0}.z-10{z-index:10}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-13{height:calc(var(--spacing)*13)}.h-\[200px\]{height:200px}.h-screen{height:100vh}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-13{width:calc(var(--spacing)*13)}.w-\[110px\]{width:110px}.w-full{width:100%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-50{rotate:-50deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#8b0000\]{background-color:#8b0000}.bg-\[\#ee9ca7\]{background-color:#ee9ca7}.font-dancingScript{font-family:var(--font-dancingScript)}.font-sriracha{font-family:var(--font-sriracha)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media(min-width:48rem){.md\:right-20{right:calc(var(--spacing)*20)}.md\:-bottom-26{bottom:calc(var(--spacing)*-26)}.md\:left-20{left:calc(var(--spacing)*20)}.md\:left-\[45\%\]{left:45%}.md\:w-\[150px\]{width:150px}.md\:flex-row{flex-direction:row}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-y-2{row-gap:calc(var(--spacing)*2)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-\[1rem\]{font-size:1rem}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}*{padding:0;margin:0;box-sizing:border-box}:root{--color-pink: #feecea;--color-white: #fff;--color-black: #333;--color-text-pink: #FF7882;--color-heart: #FF7882;--color-bg-letter: #fff8e4;--color-border: #DACCBF}body{position:relative;font-size:16px;margin:0;padding:0;height:100vh;background-image:linear-gradient(var(--color-pink),var(--color-pink))}#wrapper{position:relative;background-color:transparent;background-image:linear-gradient(0deg,transparent 24%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 26%,transparent 27%,transparent 74%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 26%,transparent 27%,transparent 74%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 76%,transparent 77%,transparent);height:100vh;background-size:80px 80px;overflow:hidden;z-index:1}.flag__birthday{display:flex;justify-content:space-between;transform:translateY(-200px);animation:translateYFlag 1.5s 2s forwards}@keyframes translateYFlag{to{transform:translateY(-10px)}}.flag__birthday .flag__left{transform:rotate(-10deg) translate(-20px,30px)}.flag__birthday .flag__right{transform:rotate(10deg) translate(20px,30px) scaleX(-1)}.content{width:100%;position:relative;display:flex;padding-top:3rem}.content .left,.content .right{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.content .left{width:40%}.content .right{width:60%}.left .btn{transform:scale(0);animation:scaleCricle 2s 16s forwards ease-in-out}#btn__letter{margin-top:30px;background-color:var(--color-text-pink);outline:none;padding:5px 15px;border-radius:50px;border:3px solid var(--color-black);font-family:Sriracha,cursive;cursor:pointer;z-index:2;transform:scale(1);transition:all .5s ease-in-out}#FromRexon{margin-top:30px;background-color:var(--color-text-pink);outline:none;padding:5px 15px;border-radius:50px;border:3px solid var(--color-black);font-family:Sriracha,cursive;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transform:scale(1);transition:all .5s ease-in-out}#btn__letter:active{transform:scale(.7)}#btn__letter i{margin-left:5px}#btn__letter:hover,#FromRexon:hover{border-color:var(--color-heart);background-color:var(--color-heart);color:#fff;box-shadow:#0000003d 0 3px 8px}#FromRexon:hover svg{animation:rotateHeart 1s infinite linear}#btn__letter:hover svg{animation:rotateHeart 1s infinite linear}@keyframes rotateHeart{0%,50%,to{transform:rotate(0)}25%{transform:rotate(12deg)}75%{transform:rotate(-12deg)}}.title{position:relative;width:100%;display:flex;justify-content:center;font-family:Titan One,sans-serif;font-size:6rem;flex-direction:column;line-height:120%;perspective:1000px}.title .happy,.title .birthday{position:relative;text-shadow:4px 4px var(--color-black),-4px 4px var(--color-black),4px -4px var(--color-black),-4px -4px var(--color-black),4px 8px 0 var(--color-black);font-weight:700;display:flex;justify-content:center}.title .happy{color:var(--color-white)}.title .happy span,.title .birthday span{transform:translateY(50px);opacity:0;visibility:hidden;animation:txtTranslateY .5s var(--t) forwards}@keyframes txtTranslateY{to{transform:translateY(0);opacity:1;visibility:visible}}.title .birthday{color:var(--color-text-pink)}.title .hat{position:absolute;right:45px;top:-350px;transform:rotate(-40deg);z-index:-1;animation:topHat 4s 7s forwards ease}@keyframes topHat{20%,30%{top:-30px;transform-origin:left;transform:rotate(-40deg)}35%,to{top:-30px;transform:rotate(0)}}.date__of__birth,.name{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-text-pink);border-radius:50px;margin-top:20px;font-family:Sriracha,cursive}.date__of__birth{border:3px solid var(--color-black);position:relative;transform:translateY(-100px);z-index:-1;opacity:0;visibility:hidden;width:0px;animation:dateOfBirth 5s 9s forwards}@keyframes dateOfBirth{20%,40%{width:0px;height:0;transform:translateY(0);opacity:1;visibility:visible}45%{transform:translateY(0);opacity:1;visibility:visible;width:300px;height:0px}50%,to{transform:translateY(0);opacity:1;visibility:visible;width:300px;height:50px}}.name{position:absolute;padding:0 20px;bottom:-20px;border:3px solid var(--color-black);font-family:Dancing Script,cursive}.date__of__birth span,.name span{font-weight:700;margin:0 40px}.date__of__birth span{font-size:1.2rem}.name span{font-size:1.7rem}.right .box__account{position:relative;transform:translateY(700px);animation:topBoxImage 8s 7s forwards ease-in}@keyframes topBoxImage{to{transform:translateY(0)}}.content .right .image{position:relative;width:400px;height:400px;border-radius:50%;overflow:hidden;display:flex;align-items:center;border:6px solid var(--color-black)}.content .right .image img{width:100%;object-fit:cover}.cricle{position:absolute;top:20px;right:50px;display:flex;justify-content:center;align-items:center;transform:scale(0);animation:scaleCricle 3s 15s forwards ease-in-out}@keyframes scaleCricle{0%{transform:scale(0)}10%{transform:scale(1.3)}20%{transform:scale(.7)}30%,to{transform:scale(1)}}.text__cricle{width:100px;height:100px;background-color:var(--color-text-pink);border-radius:50%;border:5px solid var(--color-black);display:flex;justify-content:center;align-items:center;animation:rotateCricle 5s linear infinite}@keyframes rotateCricle{to{transform:rotate(360deg)}}.text__cricle span{top:0%;left:50%;position:absolute;color:var(--color-black);transform:rotate(calc(var(--i) * 24deg));transform-origin:0 45px;font-family:Sriracha,cursive;text-transform:uppercase;font-size:.7rem}.fa-heart{color:var(--color-heart);filter:drop-shadow(0 0 3px var(--color-heart));animation:scaleHeart 1s infinite linear}.cricle .fa-heart{position:absolute;transform:scale(.85)}@keyframes scaleHeart{50%{transform:scale(1.2)}}.right .balloon_one{position:absolute;top:-70px;left:-70px;animation:balloon1 2s infinite linear}@keyframes balloon1{0%,50%,to{transform-origin:bottom right;transform:rotate(0)}25%{transform-origin:bottom right;transform:rotate(3deg)}75%{transform-origin:bottom right;transform:rotate(-3deg)}}.right .balloon_two{position:absolute;top:170px;right:-65px;z-index:-1;transform:rotate(10deg);animation:balloon2 2s infinite linear}@keyframes balloon2{0%,50%,to{transform-origin:bottom left;transform:rotate(10deg)}25%{transform-origin:bottom left;transform:rotate(7deg)}75%{transform-origin:bottom left;transform:rotate(13deg)}}.decorate_star{position:absolute;transform:scale(0);background-color:var(--color-black);clip-path:polygon(0 50%,35% 35%,50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%);animation:scaleCricle 3s var(--t) forwards,scaleStar 2s 16s infinite ease-in-out}.decorate_star.star1{width:20px;height:20px;top:75px;left:300px}.decorate_star.star2{width:15px;height:20px;top:35px;right:360px}.decorate_star.star3{width:14px;height:14px;top:290px;left:630px}.decorate_star.star4{width:18px;height:18px;bottom:60px;left:35px}.decorate_star.star5{width:16px;height:18px;bottom:140px;left:500px}@keyframes scaleStar{25%{transform:scale(.8)}50%{transform:scale(1.1)}}.decorate_bottom{position:absolute;right:0;bottom:-10px}.decorate_flower--one{position:absolute;top:250px;left:50px;transform:scale(0);animation:scaleCricle 3s var(--t) forwards ease-in-out}.decorate_flower--two{position:absolute;top:225px;left:540px;transform:scale(0);animation:scaleCricle 3s var(--t) forwards ease-in-out}.decorate_flower--three{position:absolute;top:150px;right:235px;transform:scale(0);animation:scaleCricle 3s var(--t) forwards ease-in-out}.smiley__icon{position:absolute;bottom:180px;left:600px;transform:scale(0);animation:scaleCricle 3s 15s forwards ease-in-out}.box__letter{position:fixed;top:0;left:0;background-color:#00000080;width:100%;height:100%;z-index:10;display:none}.box__letter .letter__border{position:absolute;width:55vw;height:450px;background-color:var(--color-white);border-radius:27px;padding:17px;box-shadow:#0000003d 0 3px 8px;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.letter__border .close{position:absolute;right:-10px;top:-10px;width:30px;height:30px;background-color:var(--color-white);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:#63636333 0 2px 8px;cursor:pointer}.letter__border .letter{width:100%;height:100%;background-color:var(--color-bg-letter);border-radius:10px;padding-top:15px}.letter__border .letter .title__letter{text-align:center;font-family:Dancing Script,cursive;font-weight:700;font-size:2.4rem}.letter__border .letter .content__letter{position:relative;width:100%;height:100%;display:flex;padding-top:1.5rem;padding-bottom:70px}.letter__border .letter .content__letter .left{position:relative;width:50%;height:100%;padding:1.7rem;border-right:3px solid var(--color-border)}.content__letter .left #heart__letter{opacity:0;width:100%}#heart__letter.animationOp{animation:opacityHeart 1s 1s forwards}@keyframes opacityHeart{to{opacity:1}}.content__letter .left .heart{position:absolute;opacity:0}.content__letter .left .heart.animation{animation:scaleHeartLetter 1s var(--t) infinite ease-in-out}@keyframes scaleHeartLetter{0%{opacity:1;transform:scale(0)}10%{opacity:1;transform:scale(1.3)}20%{opacity:1;transform:scale(.7)}30%,to{opacity:1;transform:scale(1)}}.content__letter .left .heart_1{top:90px;left:30px}.content__letter .left .heart_2{top:20px;right:70px}.content__letter .left .heart_3{bottom:50px;left:145px}.content__letter .left .heart_4{top:140px;right:35px}.content__letter .right{position:relative;width:50%}.content__letter .right .love__img{opacity:0;position:absolute;right:20px;top:-100px}.love__img.animationOp{animation:opacityHeart 1s 1s forwards}.content__letter .right .text__letter{margin-top:60px;padding:20px 15px 10px;font-family:Dancing Script,cursive;font-size:1.3rem}.content__letter .right #mewmew{position:absolute;bottom:0;right:0;opacity:0}#mewmew.animationOp{animation:opacityHeart 1s 1s forwards}#copy{position:fixed;bottom:12px;left:50%;transform:translate(-50%);font-size:1rem}#copy a{text-decoration:none;color:#191919d7}#copy p{color:#4275ff;text-align:center;font-weight:700;cursor:pointer}@media screen and (max-width:658px){.flag__birthday .flag__left{transform:rotate(-10deg) translate(-119px,3px)}.flag__birthday .flag__right{transform:rotate(10deg) translate(-106px,39px) scaleX(-1)}.content{width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;gap:25px;align-items:center;padding-top:2rem}.title{position:relative;width:100%;display:flex;justify-content:center;font-family:Titan One,sans-serif;font-size:3rem;letter-spacing:8px;flex-direction:column;perspective:1000px}.cricle{position:absolute;top:10px;right:-54px;display:flex;justify-content:center;align-items:center;transform:scale(0);animation:scaleCricle 3s 15s forwards ease-in-out}.title .hat{position:absolute;right:-98px;top:-51px!important;transform:rotate(-40deg);z-index:-1;animation:topHat 4s 7s forwards ease}.box__letter .letter__border{position:absolute;width:90vw;height:315px;background-color:var(--color-white);border-radius:27px;padding:17px;box-shadow:#0000003d 0 3px 8px;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.letter__border .letter{width:100%;height:100%;background-color:var(--color-bg-letter);border-radius:10px;padding-top:15px}.letter__border .letter .title__letter{text-align:center;font-family:Dancing Script,cursive;font-weight:700;font-size:1.4rem}.letter__border .letter .content__letter{position:relative;width:100%;height:100%;display:flex;padding-top:.7rem;padding-bottom:70px}.content__letter .right .text__letter{margin-top:-14px;padding:20px 15px 10px;font-family:Dancing Script,cursive;font-size:.8rem}.content__letter .right .love__img{opacity:0;position:absolute;right:126px;top:167px}.love__img img{width:84px}.content .right .image{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;display:flex;align-items:center;border:6px solid var(--color-black)}.name{position:absolute;padding:0 3px;bottom:-6px;border:3px solid var(--color-black)}.name span{font-size:1rem}.right .balloon_one{position:absolute;top:10px;left:-77px;animation:balloon1 2s infinite linear}.right .balloon_one img{width:76px!important}.decorate_flower--one{top:100px;left:50px}.decorate_flower--two{top:585px;left:20px}.decorate_flower--three{top:320px;right:25px}.decorate_star.star1{top:45px;left:200px}.decorate_star.star2{top:10px;right:20px}.decorate_star.star3{top:300px;left:30px}.decorate_star.star4{bottom:60px;left:35px}.decorate_star.star5{bottom:140px;left:500px}.smiley__icon{bottom:330px;left:10px;width:50px}.right .balloon_two{position:absolute;top:60px;right:-65px}#btn__letter{margin-top:15px;width:200px}#FromRexon{margin-top:10px;width:200px}}@keyframes popInAndFloat{0%{opacity:0;transform:translateY(350px) scale(.9)}50%{opacity:1;transform:translateY(310px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.small-rajib-letter{opacity:0;animation:popInAndFloat 1s ease-out 16s forwards;transform:translateY(310px)}:root{--envelope-x: 300px;--envelope-y: 200px;--envelope-bg: Moccasin;--envelope-shadow: Peru;--letter-x: 250px;--letter-y: calc(240px - 1rem) ;--letter-bg: AntiqueWhite;--letter-shadow: BurlyWood;--letter-text: #180d07;--letter-font: "Sriracha", cursive;--letter-button-text: darkred;--heart-bg: #8b0000;--heart-text: white}@media(min-width:650px){:root{--envelope-x: 600px;--envelope-y: 400px;--letter-x: 500px;--letter-y: calc(390px - 1rem) }}.snowflake{color:#fff;font-size:1em;font-family:Arial;text-shadow:0 0 1px #000}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translate(0)}50%{-webkit-transform:translateX(80px);transform:translate(80px)}to{-webkit-transform:translateX(0px);transform:translate(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{transform:translate(0)}50%{transform:translate(80px)}to{transform:translate(0)}}.snowflake{position:fixed;top:-10%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.cssletter{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;overflow:hidden}.envelope{position:relative;width:var(--envelope-x);height:var(--envelope-y);background:var(--envelope-bg)}.envelope:before{content:"˚ʚ❤︎ɞ˚";font-size:5rem;color:#fff;position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);mix-blend-mode:soft-light}.envelope-flap{width:100%;height:71%;position:absolute;top:0;z-index:3;overflow:hidden;transition:.6s linear all;transform-origin:top;pointer-events:all}.envelope-folds{width:100%;height:100%;overflow:hidden;z-index:2;position:absolute;inset:0}.envelope-flap:before,.envelope-left:before,.envelope-right:before,.envelope-bottom:before{content:"";transform:rotate(45deg);background:var(--envelope-bg);box-shadow:0 0 30px -5px var(--envelope-shadow);width:100%;aspect-ratio:1;display:block;position:absolute;top:60%}.envelope-flap:before{bottom:30px;border-radius:5rem;top:auto}@media(min-width:650px){.envelope-flap:before{bottom:100px}}.envelope-left:before{top:10%;left:-65%}.envelope-right:before{top:10%;right:-65%}.envelope-bottom:before{top:60%;border-radius:5rem}.heart{z-index:4;position:relative;box-shadow:none;border:none;width:70px;aspect-ratio:1;background:radial-gradient(circle at 60% 65%,var(--heart-bg) 64%,#0000 65%) top left/50% 50%,radial-gradient(circle at 40% 65%,var(--heart-bg) 64%,#0000 65%) top right/50% 50%,conic-gradient(from -45deg at 50% 85.5%,var(--heart-bg) 90deg,#0000 0) bottom/100% 50%;background-repeat:no-repeat;left:50%;top:70%;transform:translate(-50%,-50%);cursor:pointer}@media(min-width:650px){.heart{width:150px}}.heart:before{content:"";display:block;position:absolute;width:70px;aspect-ratio:1;background:radial-gradient(circle at 60% 65%,#ffffff26 64%,#0000 65%) top left/50% 50%,radial-gradient(circle at 40% 65%,#ffffff26 64%,#0000 65%) top right/50% 50%,conic-gradient(from -45deg at 50% 85.5%,#ffffff26 90deg,#0000 0) bottom/100% 50%;background-repeat:no-repeat;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:.3s ease all;z-index:-1}@media(min-width:650px){.heart:before{width:150px}}.heart:hover,.heart:active,.heart:focus{transform:translate(-50%,-50%);background-color:transparent;color:var(--heart-text)}.heart:hover:before,.heart:active:before,.heart:focus:before{transform:translate(-50%,-50%) scale(.8)}.heart-text{transform:translateY(-10px);display:block;color:var(--heart-text);font-size:1.5rem;font-family:var(--letter-font)}.envelope.active *{pointer-events:none}.envelope.active .envelope-flap{transform:rotateX(-180deg) translateY(0);perspective:10px}.envelope.active .envelope-flap:before{box-shadow:inset 0 0 30px -5px var(--envelope-shadow)}.envelope.active .heart{display:none}.letter{left:430px;top:140px;box-sizing:border-box;font-family:var(--letter-font);font-size:1rem;line-height:1.1;background-color:var(--letter-bg);color:var(--letter-text);width:var(--letter-x);height:var(--letter-y);-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 20px -5px var(--letter-shadow);padding:3rem 1rem 1rem;margin:0;cursor:grab;position:absolute;top:1rem;overflow:auto;text-align:center;border:0}.letter:active{cursor:grabbing}.letter.center{display:flex;align-items:center;justify-content:center;flex-direction:column}.letter cite{font-size:1.25rem;color:var(--letter-text);margin-top:1rem}.letter cite:before{content:none}.letter:nth-child(2n){transform:skew(-2deg) translateY(-4px)}.letter:nth-child(odd){transform:skew(2deg) translateY(4px)}@media(min-width:650px){.letter{font-size:1.3rem}}.closeLetter{font-size:0!important;position:absolute;top:1rem;left:50%;transform:translate(-50%);background:none;box-shadow:none;padding:0;border:0}.closeLetter:before{content:"˚ʚ❤︎ɞ˚";font-size:1.5rem!important;font-family:var(--letter-font);color:var(--letter-button-text);text-align:center}.closeLetter:hover,.closeLetter:active,.closeLetter:focus{background-color:transparent;color:var(--letter-text);transform:translate(-50%);padding:0;margin:0}.closeLetter:hover:before,.closeLetter:active:before,.closeLetter:focus:before{content:"xXx"}@media screen and (max-width:658px){.envelope:before{content:"˚ʚ❤︎ɞ˚";font-size:50px;color:#fff;position:absolute;left:50%;top:20%;transform:translate(-50%,-50%);mix-blend-mode:soft-light}.envelope-flap{width:100%;height:71%;position:absolute;top:0;z-index:3;overflow:hidden;transition:.6s linear all;transform-origin:top;pointer-events:all}.envelope-folds{height:130%}}.box{height:90%;max-height:400px}.heartBeating{animation:heartbeat 3s infinite;transform-origin:center}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.95)}75%{transform:scale(1.1)}}.boxMail{position:fixed;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;transition:all .5s;z-index:100000000}.boxMail .crossAll{position:fixed;top:10px;right:10px;font-size:30px;padding:10px 25px;cursor:pointer;color:#fff;z-index:999}.boxMail .boxMail-container{position:absolute;width:750px;height:500px;display:flex;margin:0;transform:scale(.9);-webkit-perspective:2000px;perspective:2000px}.boxMail .boxMail-container:hover{transform:rotate(-5deg);filter:drop-shadow(0 0 10px #FF7882)}.boxMail .boxMail-container:hover .card1{transform:translate(-187px,-250px) rotateY(-140deg)}.boxMail .boxMail-container .card1,.boxMail .boxMail-container .card2{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid black}.boxMail .boxMail-container .card1{position:absolute;width:50%;height:100%;background:linear-gradient(135deg,pink,#f0f8ff);color:#333;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;border-right:2px solid rgba(255,255,255,.8);box-shadow:5px 0 15px #0000001a}.boxMail-container .card1{z-index:1;transform-style:preserve-3d;transform-origin:left;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.boxMail .boxMail-container .card1 .userImg{position:relative;width:100px;height:100px;background-color:#fff;border-radius:50%;overflow:hidden;border:5px solid #FFC0CB;cursor:pointer;margin-bottom:20px;box-shadow:0 0 15px #ffc0cbcc;animation:floatImage 4s ease-in-out infinite;z-index:3}.boxMail .boxMail-container .card1 .userImg img{position:absolute;object-fit:cover;width:100%;height:100%}.boxMail .boxMail-container .card1 .cover-text-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;transform:rotate(-2deg);z-index:3;color:#333}.boxMail .boxMail-container .card1 .username{font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin-bottom:8px;letter-spacing:1.5px;text-shadow:0 0 3px rgba(0,0,0,.1)}.boxMail .boxMail-container .card1 .cover-title{font-family:Dancing Script,cursive;font-size:60px;text-transform:capitalize;width:100%;text-align:center;line-height:1.1;letter-spacing:4px;margin:0;color:#ff69b4;text-shadow:0 0 8px rgba(255,105,180,.8),0 0 15px rgba(255,255,255,.7);animation:pulseGlowHelloKitty 3s infinite alternate}.boxMail .boxMail-container .card1 .cover-subtitle{font-family:Inter,sans-serif;font-size:16px;margin-top:12px;opacity:.9;color:#555}.boxMail .boxMail-container .card1 .card1-decoration-sparkle{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;z-index:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.15),rgba(255,255,255,.15) 8px,transparent 8px,transparent 16px);animation:shimmer 15s linear infinite}.boxMail .boxMail-container .card1 .deco-shape{position:absolute;width:60px;height:60px;z-index:1;opacity:.8;transition:all .5s;filter:drop-shadow(0 0 5px rgba(0,0,0,.2))}.boxMail .boxMail-container .card1 .deco-shape.top-right-star{top:20px;right:20px;animation:slowSpin 15s linear infinite}.boxMail .boxMail-container .card1 .deco-shape.top-right-star polygon{fill:#ffffffb3}.boxMail .boxMail-container .card1 .deco-shape.bottom-left-ring{bottom:30px;left:20px;animation:rotateOscillate 10s ease-in-out infinite alternate}.boxMail .boxMail-container .card1 .deco-shape.bottom-left-ring circle:first-child{stroke:#fffc}.boxMail .boxMail-container .card1 .deco-shape.bottom-left-ring circle:last-child{fill:#ffc0cb4d}.boxMail .boxMail-container:hover .card1 .deco-shape{opacity:.5}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseGlowHelloKitty{0%{text-shadow:0 0 5px #FF69B4,0 0 10px #FF69B4,0 0 15px #FFC0CB}to{text-shadow:0 0 10px #FF69B4,0 0 20px #FF69B4,0 0 30px #FFC0CB}}@keyframes shimmer{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateOscillate{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@keyframes bounceKitty{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes patternShift{0%{background-position:0 0}to{background-position:100px 100px}}.boxMail .boxMail-container .card2{position:relative;width:50%;height:100%;background-color:#f7f7f7;transform-style:preserve-3d;transform-origin:left;transition:all 1s cubic-bezier(.25,.8,.25,1);box-shadow:inset 5px 0 15px #00000014}.boxMail .boxMail-container .card2 .card2-content{width:100%;height:100%;position:relative;background-color:#ff7882;transition:all 1s cubic-bezier(.4,0,.2,1);overflow:hidden;font-family:Inter,sans-serif;color:#fff;border-radius:10px;padding:25px;box-sizing:border-box;display:flex;flex-direction:column}.boxMail .boxMail-container:hover .card2-content{transform:translate(12px,12px);box-shadow:10px 10px 30px #0006,-2px -2px 8px #ffffff1a}.boxMail .boxMail-container .card2 h3{font-family:Dancing Script,cursive;padding:0 0 10px;text-align:center;font-size:34px;margin-bottom:15px;text-shadow:0 0 5px rgba(0,0,0,.1);border-bottom:3px dashed rgba(255,255,255,.5)}.boxMail .boxMail-container .card2 .card2-message-text{font-family:Sriracha,"cursive";padding:10px 0;font-size:20px;line-height:1.6;flex-grow:1;overflow-y:auto;text-shadow:0 0 3px rgba(0,0,0,.1)}.boxMail .boxMail-container .card2 .signature{font-family:Dancing Script,cursive;font-size:26px;font-weight:700;color:#fff;margin-top:15px;text-align:right;text-shadow:0 0 5px rgba(0,0,0,.2)}.boxMail .boxMail-container .card2 .card2-message-text::-webkit-scrollbar{width:6px}.boxMail .boxMail-container .card2 .card2-message-text::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:3px}.boxMail .boxMail-container .card2 .card2-content .card2-decoration{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.1) 1%,transparent 5%),radial-gradient(circle at 0% 0%,rgba(255,255,255,.1) 1%,transparent 5%);pointer-events:none;opacity:.8}.boxMail .boxMail-container .card2 .card2-content .corner-ribbon{position:absolute;width:0;height:0;border:20px solid transparent;z-index:10;pointer-events:none;opacity:.8}.boxMail .boxMail-container .card2 .card2-content .corner-ribbon.top-left{top:0;left:0;border-top-color:#ffffffb3;border-left-color:#ffffffb3;border-bottom-color:transparent;border-right-color:transparent}.boxMail .boxMail-container .card2 .card2-content .corner-ribbon.bottom-right{bottom:0;right:0;border-bottom-color:#0a0a0a33;border-right-color:#0a0a0a33;border-top-color:transparent;border-left-color:transparent}.boxMail .boxMail-container .card2 .card2-content .confetti-dots{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.2;background:radial-gradient(circle at 10% 20%,#fff 2px,transparent 0),radial-gradient(circle at 80% 50%,rgba(255,255,255,.8) 2px,transparent 0),radial-gradient(circle at 50% 90%,#FF7882 1px,transparent 0),radial-gradient(circle at 30% 60%,#fff 1px,transparent 0),radial-gradient(circle at 70% 10%,#FF7882 2px,transparent 0);background-size:50px 50px;transform:rotate(1deg)}@media screen and (max-width:658px){.boxMail .boxMail-container{position:absolute;width:650px;height:500px;display:flex;margin:0;transform:scale(.9);-webkit-perspective:2000px;perspective:2000px}.boxMail .boxMail-container:hover{transform:rotate(-5deg);filter:drop-shadow(0 0 10px #FF7882)}.boxMail .boxMail-container:hover .card1{transform:translate(-160px,-250px) rotateY(-140deg)}.boxMail .boxMail-container .card2 h3{font-family:Dancing Script,cursive;font-size:28px;margin-bottom:15px}.boxMail .boxMail-container .card2 .card2-message-text{font-family:Sriracha,"cursive";padding:10px 0;font-size:16px;line-height:1.6;flex-grow:1;overflow-y:auto;text-shadow:0 0 3px rgba(0,0,0,.1)}.boxMail .boxMail-container .card2 .signature{font-size:20px}}.route-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;transition:opacity .5s ease-out;opacity:1}.route-loader.fade-out-exit{opacity:0}@keyframes heart-pulse{0%{transform:scale(.8) rotate(-45deg);opacity:.5}50%{transform:scale(1.1) rotate(-45deg);opacity:.9}to{transform:scale(.8) rotate(-45deg);opacity:.5}}main{position:relative;min-height:100vh;overflow:hidden}main:before{content:"";position:absolute;top:50px;left:50px;width:20px;height:20px;background-color:#f36363;transform:rotate(-45deg);animation:heart-pulse 2s infinite ease-in-out;filter:blur(.5px);z-index:10}main:before:after{content:"";position:absolute;border-radius:50%;width:20px;height:20px;background-color:#f36363;left:-10px;top:0}main:before:before{content:"";position:absolute;border-radius:50%;width:20px;height:20px;background-color:#f36363;left:0;top:-10px}main:after{content:"";position:absolute;bottom:50px;right:50px;width:15px;height:15px;background-color:#db3434;transform:rotate(-45deg);animation:heart-pulse 2.5s infinite reverse ease-in-out;filter:blur(.5px);z-index:10}main:after:after{content:"";position:absolute;border-radius:50%;width:15px;height:15px;background-color:#e92323;left:-7.5px;top:0}main:after:before{content:"";position:absolute;border-radius:50%;width:15px;height:15px;background-color:#f32828;left:0;top:-7.5px}.heart-loader{position:absolute;display:block;left:50%;top:50%;margin-top:-150px;width:300px;height:300px;overflow:visible}.heart-loader__group{transform-origin:0 90px;animation:group-anim 7s .1s forwards}.heart-loader__square{stroke:#faebd7;stroke-dasharray:240,240;stroke-dashoffset:240;animation:square-anim 7s .1s forwards}.heart-loader__circle{stroke:#faebd7;stroke-dasharray:188.522,188.522;stroke-dashoffset:188.522;transform-origin:60px 30px}.heart-loader__circle.m--left{animation:left-circle-anim 7s .1s forwards}.heart-loader__circle.m--right{animation:right-circle-anim 7s .1s forwards}.heart-loader__heartPath{stroke:#af0202;fill:transparent;stroke-dasharray:308.522,308.522;stroke-dashoffset:308.522;animation:heart-anim 7s .1s forwards}@keyframes square-anim{12%{stroke-dashoffset:0}43%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:0;opacity:0}}@keyframes left-circle-anim{12%{stroke-dashoffset:188.522}31%{stroke-dashoffset:0;transform:translateY(0)}41%{stroke-dashoffset:0;transform:translateY(-30px)}43%{stroke-dashoffset:0;transform:translateY(-30px);opacity:1}85%{stroke-dashoffset:0;transform:translateY(-30px);opacity:0}to{stroke-dashoffset:0;transform:translateY(-30px);opacity:0}}@keyframes right-circle-anim{12%{stroke-dashoffset:188.522}31%{stroke-dashoffset:0;transform:translate(0)}41%{stroke-dashoffset:0;transform:translate(30px)}43%{stroke-dashoffset:0;transform:translate(30px);opacity:1}85%{stroke-dashoffset:0;transform:translate(30px);opacity:0}to{stroke-dashoffset:0;transform:translate(30px);opacity:0}}@keyframes group-anim{43%{transform:rotate(0)}54%{transform:rotate(-45deg)}90%{transform:rotate(-45deg);opacity:1}97%{transform:rotate(-45deg);opacity:1}to{transform:rotate(-45deg);opacity:1}}@keyframes heart-anim{55%{stroke-dashoffset:308.522;fill:transparent}70%{stroke-dashoffset:0;fill:transparent}87%{stroke-dashoffset:0;fill:#af0202}to{stroke-dashoffset:0;fill:#af0202}}.other{position:absolute;left:0;bottom:.5rem;width:100%;text-align:right}.other__link{font-size:1.3rem;margin:0 1rem}@media screen and (max-width:658px){.heart-loader{position:absolute;display:block;left:50%;top:50%;margin-top:-150px;width:200px;height:200px;overflow:visible}}@keyframes upthenscale{0%{transform:translateY(260px)}50%{transform:translateY(0)}60%{height:100px;width:90px;transform:translateY(0)}to{height:280px;width:100%;transform:translateY(0)}}@keyframes scalethendown{0%{height:250px;width:100%;transform:translateY(0)}50%{height:100px;width:90px;transform:translateY(0)}60%{transform:translateY(0)}to{transform:translateY(250px)}}@keyframes waitfade{0%,50%{opacity:0}to{opacity:1}}@keyframes Small-wiggle{0%{transform:translateY(310px) rotate(0)}25%{transform:translateY(310px) rotate(2deg)}50%{transform:translateY(310px) rotate(0)}75%{transform:translateY(310px) rotate(-2deg)}to{transform:translateY(310px) rotate(0)}}.small-rajib-letter{margin:150px auto;max-width:350px;height:375px;position:relative;overflow:hidden;display:block}.small-rajib-letter--open .small-rajib-paper{animation-name:upthenscale;animation-duration:.6s;animation-fill-mode:forwards}.small-rajib-letter--close .small-rajib-paper{animation-name:scalethendown;animation-duration:.4s;animation-fill-mode:forwards}.small-rajib-letter--open .small-rajib-paper-content{animation-name:waitfade;animation-duration:1.5s;animation-fill-mode:forwards}.small-rajib-letter--open .small-rajib-envelope{animation:pause}.small-rajib-paper-content{color:#545454;font-family:Roboto,sans-serif;font-weight:700;padding:25px;opacity:0}.small-rajib-paper{height:50px;width:90px;background:#f1f0c3;transform:translateY(250px);margin:0 auto;transition:transform .3s .1s ease;border-radius:2px;position:relative}.small-rajib-paper .rajib-diary-deco{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.rajib-diary-deco .diary-line{opacity:0;stroke-dasharray:100;stroke-dashoffset:100;animation-fill-mode:forwards}.rajib-diary-deco .diary-dot{opacity:0;transform-origin:center center;animation-fill-mode:forwards}@keyframes drawIn{to{stroke-dashoffset:0;opacity:1}}@keyframes pulseDot{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}.small-rajib-letter--open .rajib-diary-deco .diary-line{animation:drawIn 1.5s ease-out .8s forwards}.small-rajib-letter--open .rajib-diary-deco .diary-dot{animation:pulseDot 2s ease-in-out infinite alternate forwards;animation-delay:2s}.small-rajib-letter--open .rajib-diary-deco .dot-1{animation-delay:2s}.small-rajib-letter--open .rajib-diary-deco .dot-2{animation-delay:2.1s}.small-rajib-letter--open .rajib-diary-deco .dot-3{animation-delay:2.2s}.small-rajib-letter--open .rajib-diary-deco .dot-4{animation-delay:2.3s}.small-rajib-letter--open .rajib-diary-deco .dot-5{animation-delay:2.4s}.small-rajib-letter--open .rajib-diary-deco .dot-6{animation-delay:2.5s}.small-rajib-letter--open .rajib-diary-deco .dot-7{animation-delay:2.6s}.small-rajib-letter--open .rajib-diary-deco .dot-8{animation-delay:2.7s}.small-rajib-letter--open .rajib-diary-deco .dot-9{animation-delay:2.8s}.small-rajib-paper-content{z-index:1;position:relative}.small-rajib-envelope{width:94px;height:60px;background:#f36363;position:relative;margin:auto;z-index:2;cursor:pointer;border-radius:3px;transition:box-shadow .3s ease;transform:translateY(310px);animation:Small-wiggle .3s .2s infinite}.small-rajib-envelope:hover{animation:pause}.small-rajib-envelope:hover .small-rajib-envelope-paper{transform:translateY(-20px)}.small-rajib-envelope:hover .small-rajib-envelope-flap{transform:translateY(-45px);transition:all .3s ease-in-out}.small-rajib-envelope:hover .small-rajib-envelope-detail:after{visibility:hidden}.small-rajib-envelope-paper{height:50px;width:90px;background:#f1f0c3;transform:translateY(0);margin:0 auto;transition:transform .3s .1s ease;border-radius:2px;position:absolute;border:2px solid transparent}.small-rajib-letter--open .small-rajib-envelope-paper{visibility:hidden}.small-rajib-letter--open .small-rajib-envelope-detail:after{visibility:hidden}.small-rajib-letter--close .small-rajib-envelope-paper{visibility:hidden}.small-rajib-envelope-flap{content:"";width:0;height:0;border-left:45px solid transparent;border-right:45px solid transparent;border-bottom:45px solid #f36363;display:block;position:absolute;left:0;right:0;top:0;margin:auto;transform:translateY(0);transition:all .3s ease-in-out}.small-rajib-letter--open .small-rajib-envelope-flap{transform:translateY(-45px);transition:all .3s ease-in-out}.small-rajib-letter--open .small-rajib-envelope-detail{border-top:2px solid #e25b5b}.small-rajib-envelope-detail{overflow:hidden;height:100%;width:100%;display:block;position:absolute;background:#f36363;border-top:2px solid transparent}.small-rajib-envelope-detail:before{content:"";width:70px;height:70px;background:#f36363;display:block;position:absolute;left:0;right:0;top:30px;margin:auto;transform:rotate(45deg);border:4px solid #e65454}.small-rajib-envelope-detail:after{content:"";width:70px;height:70px;background:#f36363;display:block;position:absolute;left:0;right:0;top:-45px;margin:auto;transform:rotate(45deg);border:4px solid #e65454}.small-rajib-envelope-fold{height:25px;width:86px;background:#f36363;border:4px solid #e65454;display:block;position:absolute;bottom:30px;left:0;right:0;margin:auto;transition:all .3s ease;border-radius:3px}.small-rajib-paper-close{position:absolute;right:10px;top:5px;display:inline-block;cursor:pointer}@media screen and (max-width:658px){@keyframes upthenscale{0%{transform:translateY(250px)}50%{transform:translateY(0)}60%{height:100px;width:90px;transform:translateY(0)}to{height:280px;width:100%;transform:translateY(0)}}.small-rajib-paper-content{font-size:14px;width:290px}.small-rajib-envelope-paper{height:40px}.small-rajib-paper{height:36px;width:65px;transform:translateY(275px)}.small-rajib-envelope{width:65px;height:40px}.small-rajib-envelope-detail:before{width:55px;height:56px;top:30px}.small-rajib-envelope-detail:after{width:63px;height:64px;top:-46px}.small-rajib-envelope-flap{border-left:34px solid transparent;border-right:31px solid transparent;border-bottom:45px solid #f36363}.small-rajib-envelope-flap{transition:all .3s ease-in-out;transform:translateY(-6px)}}#CakeWrapper{width:400px;margin:0 auto}.loader-wrapper{transition:transform 1.2s cubic-bezier(.77,0,.175,1),opacity .8s ease-out;transform:translateY(0);opacity:1}.slide-up-fade-out{transform:translateY(-100vh);opacity:0;visibility:hidden}.full-screen-deco{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.deco-shape{opacity:0;animation-fill-mode:forwards;transform-origin:center center}.deco-shape.big-circle{opacity:.5;animation:slowFloat 20s ease-in-out infinite alternate,moveAcross 35s linear infinite;animation-delay:1s}.deco-shape.small-ring{opacity:.6;animation:slowRotate 30s linear infinite reverse,gentleDrift 25s ease-in-out infinite;animation-delay:5s}.deco-shape.particle-red-1{animation:floatAndFade 18s ease-in-out infinite alternate,rotateZ 15s linear infinite;animation-delay:2s;opacity:.7}.deco-shape.particle-white-1{animation:driftUp 22s ease-in-out infinite,sway 10s ease-in-out infinite alternate;animation-delay:4s;opacity:.6}.deco-shape.particle-pink-1{animation:floatAndScale 25s linear infinite,wiggle 7s ease-in-out infinite alternate;animation-delay:6s;opacity:.5}.deco-shape.particle-red-2{animation:driftDiagonal 20s ease-in-out infinite alternate,pulseOpacity 3s ease-in-out infinite alternate;animation-delay:8s;opacity:.8}.deco-shape.particle-white-2{animation:floatAndFade 23s ease-in-out infinite reverse,rotateZ 18s linear infinite reverse;animation-delay:10s;opacity:.7}.deco-shape.particle-pink-2{animation:driftUp 27s ease-in-out infinite reverse,sway 12s ease-in-out infinite alternate;animation-delay:12s;opacity:.4}.deco-shape.particle-dot-1{animation:smallSparkle 4s ease-out infinite forwards;animation-delay:1s;opacity:.9}.deco-shape.particle-dot-2{animation:smallSparkle 4s ease-out infinite forwards;animation-delay:2.5s;opacity:.8}.deco-shape.particle-dot-3{animation:smallSparkle 4s ease-out infinite forwards;animation-delay:.5s;opacity:.7}.deco-shape.particle-dot-4{animation:smallSparkle 4s ease-out infinite forwards;animation-delay:3.2s;opacity:.95}@keyframes floatAndFade{0%{transform:translateY(0);opacity:.5}50%{transform:translateY(-15vh);opacity:1}to{transform:translateY(0);opacity:.5}}@keyframes rotateZ{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes driftUp{0%{transform:translateY(0)}to{transform:translateY(-20vh)}}@keyframes sway{0%{transform:translate(0)}50%{transform:translate(10vw)}to{transform:translate(0)}}@keyframes floatAndScale{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10vh) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(2vw,1vh) rotate(5deg)}50%{transform:translate(-1vw,-2vh) rotate(-3deg)}75%{transform:translate(3vw,.5vh) rotate(2deg)}}@keyframes driftDiagonal{0%{transform:translate(0)}to{transform:translate(10vw,-15vh)}}@keyframes pulseOpacity{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes smallSparkle{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.cake{cursor:pointer}#cake{display:block;position:relative;margin:-10em auto 0}.velas{background:#fff;border-radius:10px;position:absolute;top:228px;left:50%;margin-left:-2.4px;margin-top:-8.33333333px;width:5px;height:35px;transform:translateY(-300px);backface-visibility:hidden;animation:in .5s 6s ease-out forwards}.velas:after,.velas:before{background:#f006;content:"";position:absolute;width:100%;height:2.22222222px}.velas:after{top:25%;left:0}.velas:before{top:45%;left:0}.fuego{border-radius:100%;position:absolute;top:-20px;left:50%;margin-left:-2.6px;width:6.66666667px;height:18px;cursor:pointer}.fuego:nth-child(1){animation:fuego 2s 6.5s infinite}.fuego:nth-child(2){animation:fuego 1.5s 6.5s infinite}.fuego:nth-child(3){animation:fuego 1s 6.5s infinite}.fuego:nth-child(4){animation:fuego .5s 6.5s infinite}.fuego:nth-child(5){animation:fuego .2s 6.5s infinite}@keyframes fuego{0%,to{background:#fef86180;box-shadow:0 0 40px 10px #f8e9d133;transform:translateY(0) scale(1)}50%{background:#ff32001a;box-shadow:0 0 40px 20px #f8e9d133;transform:translateY(-20px) scale(0)}}@keyframes in{to{transform:translateY(0)}}.cakeText{color:#8b6a60;font-family:Lato,sans-serif;font-weight:300;font-style:italic;text-align:center}.cakeText h1{font-size:1.4em}.cakeText p{font-family:Open Sans;font-size:1.5em}.cakeText{position:fixed;top:66%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;text-align:center;font-family:Dancing Script,cursive;z-index:10002;animation:textAppear 1.2s cubic-bezier(.23,1,.32,1) 6.8s forwards}.cakeText .cakeText-title{font-size:45px;line-height:1;color:#8b0000;font-weight:700;text-shadow:0 0 10px rgba(255,105,180,.5)}.cakeText .cakeText-name{font-family:Inter,sans-serif;font-size:2.5em;font-weight:700;color:#8b0000;text-transform:uppercase;letter-spacing:5px;opacity:0;transform:translateY(-20px);animation:nameDrop .6s cubic-bezier(.68,-.55,.265,1.55) 7.4s forwards}.cakeText .cakeText-kitty-bow{position:absolute;top:8px;rotate:46deg;right:80px;width:80px;height:50px;background-image:url(/assets/ribbonImg-C5XHtd00.png);background-size:cover;background-repeat:no-repeat;z-index:10;opacity:0;animation:bowWiggle 1s ease-in-out infinite alternate 7.4s forwards}@keyframes textAppear{0%{opacity:0;visibility:hidden;transform:translate(-50%,-40%)}to{opacity:1;visibility:visible;transform:translate(-50%,-50%)}}@keyframes nameDrop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bowWiggle{0%{transform:rotate(0);opacity:1}25%{transform:rotate(10deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}to{transform:rotate(0);opacity:1}}.cakeText .cakeText-name{font-family:Great Vibes,Dancing Script,cursive;font-size:3.5em;font-weight:500;margin-top:0;color:#961212;text-transform:capitalize;letter-spacing:0px;opacity:0;transform:translate(-50px) scale(.9);animation:ribbonFadeIn 1s cubic-bezier(.65,.05,.36,1) 7.4s forwards;text-shadow:0 0 10px rgba(255,105,180,.5)}@keyframes ribbonFadeIn{0%{opacity:0;transform:translate(-70px) scale(.8);filter:blur(5px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@media screen and (max-width:658px){#CakeWrapper{width:auto}.cakeText{position:fixed;top:65%;left:50%;transform:translate(-50%,-50%)}.cakeText .cakeText-title{font-size:36px;color:#8b0000;width:300px}.cakeText .cakeText-name{font-size:2.5em;margin-top:10px;opacity:0;transform:translateY(-20px);animation:nameDrop .6s cubic-bezier(.68,-.55,.265,1.55) 7.4s forwards}.cakeText .cakeText-kitty-bow{position:absolute;top:0;rotate:46deg;right:70px;width:60px;height:50px;background-image:url(/assets/ribbonImg-C5XHtd00.png);background-size:contain;background-repeat:no-repeat}}