*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.hero{width:100%;height:100vh;position:relative;overflow:hidden}.hero-background{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-content{z-index:10;width:650px;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.hero-greeting{color:#fff;margin-bottom:28px;font-size:1.4rem;font-weight:500}.hero-title{color:#fff;letter-spacing:-5px;font-size:8rem;font-weight:800;line-height:.9}.hero-subtitle{color:#fff;margin-top:-28px;margin-left:180px;font-family:cursive;font-size:5.5rem;font-weight:400}.hero-description{color:#fff;width:520px;margin-top:32px;font-size:1.35rem;line-height:1.8}.navbar-left{align-items:center;gap:12px;display:flex}.navbar-avatar{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex}.navbar-left h3{color:#111;letter-spacing:1px;font-size:1rem;font-weight:800}.navbar-links{align-items:center;gap:30px;display:flex}.navbar-links a{color:#222;font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.navbar-links a:hover{color:#0f62fe}.navbar-links a:after{content:"";background:#0f62fe;width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.navbar-links a:hover:after{width:100%}.cloud{-webkit-user-select:none;user-select:none;pointer-events:none;filter:blur(1px);opacity:.9;position:absolute}.cloud-left{z-index:2;width:720px;top:80px;left:-180px}.cloud-right{z-index:2;width:620px;top:120px;right:-120px}.cloud-center{opacity:.65;z-index:3;width:900px;bottom:80px;left:50%;transform:translate(-50%)}.hero-background:before{content:"";z-index:1;background:linear-gradient(#fff0,#ffffff0d,#ffffff26);position:absolute;inset:0}.hero-background:after{content:"";z-index:6;background:linear-gradient(#fff0,#ffffff2e,#ffffff8c,#fff);height:260px;position:absolute;bottom:0;left:0;right:0}.hero-fade{z-index:8;background:linear-gradient(#fff0,#ffffff26,#ffffff73,#fff);height:220px;position:absolute;bottom:0;left:0;right:0}.hero-profile{object-fit:cover;object-position:center;z-index:5;width:45%;max-width:600px;height:100%;position:absolute;bottom:0;right:0}@media (width<=1400px){.hero-title{font-size:7rem}.hero-subtitle{margin-left:150px;font-size:5rem}.hero-description{width:470px;font-size:1.2rem}.navbar{width:500px}.cloud-left{width:620px}.cloud-right{width:540px}.cloud-center{width:760px}}@media (width<=1024px){.hero{justify-content:center;align-items:center;padding:120px 40px 60px;display:flex}.hero-content{text-align:center;width:100%;max-width:650px;position:relative;top:auto;left:auto;transform:none}.hero-title{letter-spacing:-2px;font-size:5rem}.hero-subtitle{margin:-15px 0 0;font-size:3.8rem}.hero-description{width:100%;max-width:520px;margin:25px auto 0}.navbar{width:calc(100% - 60px);max-width:520px}.cloud-left{width:500px;left:-180px}.cloud-right{width:420px;right:-140px}.cloud-center{width:620px}}@media (width<=768px){.hero{padding:110px 24px 40px}.hero-greeting{font-size:1rem}.hero-title{font-size:3.8rem}.hero-subtitle{margin-top:-10px;font-size:2.8rem}.hero-description{font-size:1rem;line-height:1.7}.navbar{width:calc(100% - 24px);height:62px;padding:0 16px}.navbar-left{gap:8px}.navbar-avatar{width:34px;height:34px;font-size:.9rem}.navbar-left h3{font-size:.9rem}.navbar-links{gap:16px}.navbar-links a{font-size:.85rem}.cloud-left{width:360px;left:-120px}.cloud-right{width:320px;right:-120px}.cloud-center{width:420px;bottom:40px}}.about-section{background:#f7f9fb;padding:120px 0 90px}.about-top{width:100%;max-width:1120px;margin:0 auto}.about-tag{color:#6d6d6d;letter-spacing:1px;margin-bottom:45px;font-size:.9rem;font-weight:700}.about-heading{color:#111;letter-spacing:-3px;font-size:4.8rem;font-weight:700;line-height:1.08}.about-script{color:#1e88ff;margin-left:12px;font-family:cursive;font-size:5rem;font-weight:500}.about-fade{color:#cfcfcf}@media (width<=1200px){.about-heading{font-size:4rem}.about-script{font-size:4.2rem}}@media (width<=768px){.about-section{padding:80px 0}.about-heading{letter-spacing:-1px;font-size:2.6rem}.about-script{margin:12px 0;font-size:3rem;display:block}}.skill-category{margin-bottom:2rem}.skill-category h3{color:#00c8ffe6;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.skill-tag{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;padding:.75rem 1.5rem;font-size:.95rem;transition:all .3s;display:inline-block}.skill-tag:hover{color:#00c8ffe6;background:#00c8ff1a;border-color:#00c8ff80;transform:translateY(-2px)}.skill-tag-small{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:.5rem 1rem;font-size:.85rem;display:inline-block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.project-link{color:#00c8ffe6;margin-top:1rem;font-weight:600;transition:all .3s;display:inline-block}.project-link:hover{color:#00c8ff;transform:translate(4px)}@media (width<=768px){.section{padding:80px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}.about-stats{justify-content:space-between;align-items:flex-start;gap:40px;margin-top:110px;display:flex}.stat-item{flex:1}.stat-item h3{color:#111;margin-bottom:12px;font-size:4rem;font-weight:700}.stat-item p{color:#6a6a6a;font-size:1.05rem;line-height:1.7}@media (width<=900px){.about-stats{flex-wrap:wrap;gap:50px}.stat-item{flex:auto;width:calc(50% - 30px)}}@media (width<=600px){.about-stats{flex-direction:column}.stat-item{width:100%}}.hero-role{flex-direction:column;justify-content:center;min-height:170px;margin-bottom:15px;display:flex}.hero-title{color:#fff;margin:0;font-family:Caveat,cursive;font-size:7rem;font-weight:700;line-height:1}.hero-subtitle{color:#fff;margin:0;font-family:Caveat,cursive;font-size:6rem;font-weight:500;line-height:1}.hero-center{margin-top:38px}.hero-description{color:#fffffffa;letter-spacing:.2px;text-shadow:0 2px 10px #0000001f;margin-top:18px;font-size:1.45rem;font-weight:600;line-height:1.8}@media (width<=1024px){.hero-role{min-height:220px}.hero-title{letter-spacing:-3px;font-size:6.2rem}.hero-subtitle{font-size:4.8rem}.hero-center{margin-top:30px}.hero-description{font-size:1.25rem}}@media (width<=768px){.hero-role{min-height:170px}.hero-title{letter-spacing:-2px;font-size:4rem}.hero-subtitle{font-size:3.2rem}.hero-center{margin-top:18px}.hero-description{font-size:1.1rem;line-height:1.6}}.hero-greeting{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1.5px solid #ffffff59;border-radius:50px;align-items:center;margin-bottom:25px;padding:10px 22px;font-size:1.1rem;font-weight:600;display:inline-flex;position:relative}.hero-greeting:before{content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff73;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;right:20px}.hero-greeting:after{content:"";background:#ffffff59;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-5px;left:25px}.hero-greeting-wrapper{display:inline-block;position:relative}.hero-greeting{color:#fff;-webkit-backdrop-filter:blur(12px);z-index:2;background:#ffffff14;border:1.5px solid #ffffff59;border-radius:50px;align-items:center;margin-bottom:25px;padding:10px 22px;font-size:1.1rem;font-weight:600;display:inline-flex;position:relative}.bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff73;border-radius:50%;animation:4s ease-in-out infinite float;position:absolute}.bubble1{width:16px;height:16px;animation-delay:0s;top:-18px;left:20px}.bubble2{width:10px;height:10px;animation-delay:.8s;top:-8px;right:15px}.bubble3{width:12px;height:12px;animation-delay:1.5s;bottom:-14px;left:40px}.bubble4{width:8px;height:8px;animation-delay:2.2s;top:18px;right:-12px}.bubble5{width:6px;height:6px;animation-delay:3s;bottom:10px;left:-10px}@keyframes float{0%{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-12px)scale(1.2)}to{opacity:.6;transform:translateY(0)scale(1)}}.hero-role{min-height:170px;margin-bottom:20px}.hero-description{margin-top:10px}.hero-bold{letter-spacing:-4px;font-family:Poppins,sans-serif;font-weight:900}.hero-script{font-family:Caveat,cursive;font-weight:700}.hero-single-line{line-height:1}.navbar{-webkit-backdrop-filter:blur(18px);z-index:100;background:#ffffff38;border:1px solid #ffffff59;border-radius:999px;justify-content:space-between;align-items:center;width:920px;height:78px;padding:0 24px;display:flex;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #00000014,inset 0 1px #ffffff40}.navbar-left{align-items:center;gap:16px;min-width:220px;display:flex}.logo-circle{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 8px 24px #0000001f,inset 0 1px 1px #ffffff40}.logo-text{background:linear-gradient(#fff,#ff8fab);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.logo-dot{background:#ff8fab;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.logo-circle:hover{background:#87cefa6b;border-color:#ffffff80;transform:scale(1.06);box-shadow:inset 0 1px #ffffff4d,0 10px 24px #87cefa40}.navbar-left h2{letter-spacing:1px;color:#111;font-size:34px;font-weight:800}.logo-name{background:linear-gradient(90deg,#fff 0%,#ffe4ec 35%,#ffb6c1 70%,#ff8fab 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.navbar-center{flex:1;justify-content:center;align-items:center;gap:42px;display:flex}.navbar-center a{background:linear-gradient(90deg,#fff 0%,#ffe4ec 35%,#ffb6c1 70%,#ff8fab 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900;text-decoration:none;transition:transform .3s}.navbar-center a:hover{transform:translateY(-2px)}.navbar-center a:after{content:"";background:pink;width:0;height:2px;transition:all .35s;position:absolute;bottom:-8px;left:0}.navbar-center a:hover:after{width:100%}.navbar-right{align-items:center;gap:12px;display:flex}.social-box{color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;transition:all .35s;display:flex;position:relative;overflow:hidden}.social-box:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff38,#87cefa14);transition:all .35s;position:absolute;inset:0}.social-box:hover{color:#fff;background:#87cefa2e;border:1px solid #87cefa4d;transform:translateY(-4px)scale(1.05);box-shadow:0 8px 22px #87cefa33,inset 0 1px #fff3}.social-box:hover:before{opacity:1}.social-box svg{z-index:2;position:relative}@media (width<=1024px){.navbar{width:95%;padding:0 18px}.navbar-center{gap:24px}.navbar-center a{font-size:16px}.navbar-left h2{font-size:28px}}@media (width<=768px){.navbar{border-radius:28px;flex-direction:column;gap:18px;height:auto;padding:18px}.navbar-left{justify-content:center}.navbar-center{flex-wrap:wrap;gap:18px}.navbar-right{gap:10px}.social-box{width:44px;height:44px;font-size:18px}}.about-section{background:#f5f7f9;width:100%;padding:140px 0;overflow:hidden}.about-wrapper{grid-template-columns:220px 1fr;align-items:start;column-gap:80px;width:1280px;max-width:92%;margin:0 auto;display:grid}.about-left{position:sticky;top:140px}.about-tag{color:#7cc9ff;letter-spacing:5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:700;display:inline-flex}.about-right{width:100%}.about-heading{color:#121212;letter-spacing:-4px;max-width:900px;font-size:78px;font-weight:700;line-height:1.05}.about-blue{color:#3b82f6;letter-spacing:.5px;margin-left:10px;font-family:Caveat,cursive;font-size:.88em;font-weight:700;line-height:.9;display:inline-block;transform:rotate(-4deg)translateY(6px)}.about-gray{color:#cfcfcf;filter:blur(6px);opacity:.45;transition:all .5s}.stats-grid{grid-template-columns:repeat(2,1fr);gap:80px 70px;width:980px;margin:120px auto 0 calc(50% - 340px);display:grid}.stat-card{border-top:1px solid #ddd;padding-top:28px;transition:all .35s}.stat-card:hover{transform:translateY(-8px)}.stat-card h3{color:#1686ff;margin-bottom:12px;font-size:72px;font-weight:800}.stat-card h4{color:#151515;margin-bottom:14px;font-size:32px;font-weight:700}.stat-card p{color:#666;font-size:20px;line-height:1.7}@media (width<=1200px){.about-wrapper{grid-template-columns:180px 1fr}.about-heading{font-size:60px}.about-blue{font-size:64px}.stats-grid{width:auto;max-width:90%;margin:90px auto 0}}@media (width<=900px){.about-section{padding:90px 0}.about-wrapper{grid-template-columns:1fr;row-gap:40px}.about-left{position:static}.about-heading{letter-spacing:-2px;font-size:46px}.about-blue{margin:12px 0;font-size:54px;display:block}.stats-grid{grid-template-columns:1fr;gap:50px}}@media (width<=600px){.about-heading{letter-spacing:-1px;font-size:34px;line-height:1.15}.about-blue{font-size:40px}.stat-card h3{font-size:46px}.stat-card h4{font-size:24px}.stat-card p{font-size:16px}}.projects-section{background:linear-gradient(#fff0,#08193aa6,#050f23f2);padding:140px 0;position:relative;overflow:hidden}.projects-section:before{content:"";opacity:.12;filter:blur(8px);z-index:0;background:url(./assets/images/sky.jpg) 50%/cover;position:absolute;inset:0;transform:scale(1.1)}.projects-container{z-index:2;width:1300px;max-width:92%;margin:auto;position:relative}.projects-header{text-align:center;z-index:5;margin-bottom:90px;position:relative}.projects-small-title{color:#7dd3fc;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px;font-size:15px;font-weight:700}.projects-title{color:#fff;letter-spacing:-3px;text-shadow:0 4px 20px #00000059;margin-bottom:22px;font-size:72px;font-weight:800;display:inline-block;position:relative}.projects-description{color:#fff;opacity:1;text-shadow:0 2px 8px #00000073,0 6px 20px #00000059;width:700px;max-width:100%;margin:auto;font-size:22px;font-weight:400;line-height:1.9}.projects-grid{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.project-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:32px;transition:all .45s;position:relative;overflow:hidden;box-shadow:0 15px 40px #00000040}.project-card:hover{border-color:#7dd3fc59;transform:translateY(-14px)scale(1.02);box-shadow:0 30px 70px #00000073}.project-image{background:linear-gradient(135deg,#62cff4,#2c67f2,#7f5af0);justify-content:center;align-items:center;height:260px;display:flex;position:relative;overflow:hidden}.project-image:before{content:"";background:#ffffff1a;border-radius:50%;width:500px;height:500px;transition:all .6s;position:absolute;top:-240px;right:-180px}.project-card:hover .project-image:before{transform:scale(1.35)rotate(20deg)}.project-image span{color:#fff;letter-spacing:-1px;z-index:2;font-size:42px;font-weight:800;position:relative}.project-content{padding:38px}.project-content h3{color:#fff;margin-bottom:18px;font-size:34px;font-weight:700}.project-content p{color:#c8d4e5;margin-bottom:28px;font-size:18px;line-height:1.8}.project-tags{flex-wrap:wrap;gap:12px;margin-bottom:34px;display:flex}.project-tags span{color:#dff6ff;background:#7dd3fc1f;border:1px solid #7dd3fc2e;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .35s}.project-card:hover .project-tags span{background:#7dd3fc33;border-color:#7dd3fc59;transform:translateY(-3px)}.project-buttons{gap:18px;display:flex}.project-buttons a{color:#111;background:#fff;border:1px solid #0000;border-radius:999px;padding:14px 28px;font-weight:700;transition:all .35s}.project-buttons a:last-child{color:#fff;background:0 0;border:1px solid #ffffff2e}.project-buttons a:hover{transform:translateY(-4px)}.project-buttons a:first-child:hover{color:#081936;background:#7dd3fc;box-shadow:0 15px 30px #7dd3fc59}.project-buttons a:last-child:hover{background:#ffffff14}.project-card:after{content:"";filter:blur(80px);background:#7dd3fc14;border-radius:50%;width:280px;height:280px;transition:all .5s;position:absolute;bottom:-180px;right:-120px}.project-card:hover:after{transform:scale(1.6)}@media (width<=1200px){.projects-title{font-size:58px}.projects-description{width:100%;font-size:19px}.projects-grid{grid-template-columns:1fr;gap:45px}}@media (width<=768px){.projects-section{padding:90px 0}.projects-title{letter-spacing:-2px;font-size:42px}.projects-description{font-size:17px;line-height:1.7}.project-image{height:210px}.project-image span{font-size:30px}.project-content{padding:28px}.project-content h3{font-size:26px}.project-content p{font-size:16px}.project-buttons{flex-direction:column}.project-buttons a{text-align:center;width:100%}}@keyframes floatingGlow{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.project-card{animation:8s ease-in-out infinite floatingGlow}.project-card:nth-child(2){animation-delay:1.8s}.project-card:nth-child(3){animation-delay:3.2s}.project-card:nth-child(4){animation-delay:4.8s}.skills-section{background:linear-gradient(#050f23f2,#071837f5,#030b1c);padding:140px 0;position:relative;overflow:hidden}.skills-section:before{content:"";opacity:.08;filter:blur(8px);background:url(/assets/sky-B9F97hfN.jpg) 50%/cover;position:absolute;inset:0;transform:scale(1.08)}.skills-container{z-index:2;width:1300px;max-width:92%;margin:auto;position:relative}.skills-small-title{color:#7dd3fc;letter-spacing:.15em;text-transform:uppercase;text-align:center;margin-bottom:18px;font-size:15px;font-weight:700}.skills-title{color:#fff;letter-spacing:-3px;text-align:center;margin-bottom:22px;font-size:68px;font-weight:800}.skills-description{text-align:center;color:#b8c8dd;width:760px;max-width:100%;margin:auto auto 90px;font-size:20px;line-height:1.8}.skills-groups{flex-direction:column;gap:45px;display:flex}.skill-group{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;padding:36px;transition:all .4s}.skill-group:hover{border-color:#7dd3fc4d;transform:translateY(-8px);box-shadow:0 20px 50px #00000059}.skill-group h3{color:#fff;margin-bottom:28px;font-size:30px;font-weight:700}.skill-tags{flex-wrap:wrap;gap:18px;display:flex}.skill-tags span{color:#eaf6ff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:14px 22px;font-size:16px;font-weight:600;transition:all .35s}.skill-tags span:hover{color:#081936;background:#7dd3fc;border-color:#7dd3fc;transform:translateY(-5px);box-shadow:0 12px 25px #7dd3fc59}@media (width<=992px){.skills-title{font-size:50px}.skills-description{font-size:18px}.skill-group{padding:28px}}@media (width<=768px){.skills-section{padding:90px 0}.skills-title{letter-spacing:-2px;font-size:38px}.skills-description{margin-bottom:60px;font-size:16px;line-height:1.7}.skill-group h3{font-size:24px}.skill-tags{gap:12px}.skill-tags span{padding:11px 18px;font-size:14px}}.contact-section{background:linear-gradient(#030b1c,#020814);padding:140px 0 120px;position:relative;overflow:hidden}.contact-section:before{content:"";opacity:.08;filter:blur(12px);background:url(/assets/sky-B9F97hfN.jpg) 50%/cover;position:absolute;inset:0;transform:scale(1.08)}.contact-container{z-index:2;width:1200px;max-width:92%;margin:auto;position:relative}.contact-small-title{text-align:center;color:#7dd3fc;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-size:15px;font-weight:700}.contact-title{text-align:center;color:#fff;letter-spacing:-3px;margin-bottom:20px;font-size:66px;font-weight:800}.contact-title span{color:#7dd3fc}.contact-description{text-align:center;color:#b8c8dd;width:720px;max-width:100%;margin:auto auto 80px;font-size:20px;line-height:1.8}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;display:grid}.contact-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;padding:40px 28px;transition:all .4s}.contact-card:hover{border-color:#7dd3fc59;transform:translateY(-10px);box-shadow:0 20px 50px #00000059}.contact-icon{background:#7dd3fc1f;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin:auto auto 22px;font-size:34px;transition:all .4s;display:flex}.contact-card:hover .contact-icon{background:#7dd3fc;transform:rotate(12deg)scale(1.1)}.contact-card h3{margin-bottom:14px;font-size:28px;font-weight:700}.contact-card p{color:#b8c8dd;font-size:16px;line-height:1.7}@media (width<=992px){.contact-title{font-size:52px}}@media (width<=768px){.contact-section{padding:90px 0}.contact-title{letter-spacing:-2px;font-size:38px}.contact-description{margin-bottom:60px;font-size:16px}.contact-grid{grid-template-columns:1fr}}.word-slider{vertical-align:middle;height:78px;margin:0 .18em;display:inline-block;position:relative;overflow:hidden}.word-track{flex-direction:column;animation:10.5s infinite wordSlide;display:flex}.word{color:#fff;white-space:nowrap;align-items:center;height:78px;font-weight:800;display:flex}@keyframes wordSlide{0%{transform:translateY(0)}14%{transform:translateY(0)}16%{transform:translateY(-78px)}30%{transform:translateY(-78px)}32%{transform:translateY(-156px)}46%{transform:translateY(-156px)}48%{transform:translateY(-234px)}62%{transform:translateY(-234px)}64%{transform:translateY(-312px)}78%{transform:translateY(-312px)}80%{transform:translateY(-390px)}94%{transform:translateY(-390px)}to{transform:translateY(-468px)}}.word-wrapper{vertical-align:baseline;justify-content:center;align-items:center;margin:0 .18em;display:inline-flex;position:relative;top:-4px}.changing-word{font-family:Caveat,cursive;font-size:inherit;color:#7dd3fc;white-space:nowrap;font-weight:600;line-height:1;display:inline-block;position:relative;top:-3px}