*{margin:0;padding:0;box-sizing:border-box}:root{--font-title: "Dancing Script", cursive;--font-family: "Montserrat", sans-serif;--font-loading: "Roboto", sans-serif;--text-title: 700 4rem var(--font-title);--text: 400 1rem var(--font-family);--color-background: #e7b3b7;--color-text: #fce8e6}body{font:var(--text);color:var(--color-text);background:radial-gradient(circle,#f8c5cb,#f39aa9);overflow:hidden}main{width:100dvw;height:100dvh}h1{font:var(--text-title)}h2{font-family:var(--font-loading)}.hidden{opacity:0;cursor:default}.hidden img,.hidden h1,.hidden h2,.hidden p{opacity:0}.experience{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:3rem;transition:opacity .5s ease-in-out}.experience.main-page,.experience.final-page{justify-content:end}.experience img,.experience h1,.experience h2,.experience p{transition:opacity 2s cubic-bezier(1,-.5,1,1.3)}.experience #text-move{max-width:70%}.experience h1,.experience p{text-align:center;text-shadow:#959da533 0rem .5rem 1.5rem}.experience p{font-size:1.2rem}.experience img{position:fixed;height:110%;bottom:-10%}.experience .frase{font-family:Dancing Script,cursive;font-size:2.5rem;color:#612c47;max-width:80%;opacity:0;animation:floatText 1.5s ease forwards}.our-moment-page{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;transition:opacity 2s cubic-bezier(1,-.5,1,1.3)}.our-moment-page img{height:80%;border-radius:1rem}.our-moment-page h2,.our-moment-page span,.our-moment-page p{text-align:center}.our-moment-page h2{margin-bottom:.3rem}.dark{position:absolute;top:0;width:100%;height:100%;background:radial-gradient(circle at top,#0d0f30,#000);z-index:-2;transition:opacity 2s ease-in-out}#star-canvas{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}@keyframes floatText{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}