body{height:100vh;margin:0;font-family:Helvetica;font-size:16px;color:#dcdbdb}p{margin:0}.page{height:100%;display:flex;flex-direction:column;overflow:auto;align-items:center;padding:20px;gap:2rem}.spline-wrap{aspect-ratio:1/1;width:min(70%,400px);color:#dcdbdb;display:flex;flex-direction:column;gap:3px;padding:20px}.spline-wrap .suspance{position:absolute;inset:0;display:grid;place-items:center}.spline-wrap .spline-player{height:100%;width:100%;position:absolute;inset:0}.spline-wrap .spline-player.scale-4{scale:1.4}.spline-wrap .spline-player.scale-6{scale:1.6}.spline-wrap .spline-player.scale-8{scale:1.8}.spline-wrap p{font-size:2rem;text-align:right}.spline-wrap .frame{flex:1;border:2px solid #dcdbdb;aspect-ratio:1/1;position:relative}.spline-wrap.center-right{transform:translate(10%)}.spline-wrap.left{transform:translate(-35%)}.spline-wrap.right{transform:translate(38%)}.spline-wrap.center-left{transform:translate(-15%)}.page .main-text{font-size:1.5rem;text-align:center}.page .two-cols{columns:2;text-align:justify;gap:2rem}.page .footer{width:min(700px,80%);padding:5rem 0;gap:2rem;display:flex;flex-direction:column}.page footer{width:min(700px,80%);display:flex;flex-direction:column;gap:4rem;align-items:center}.page footer p{text-align:center}.animated-text{cursor:pointer}.animated-text .animated-char{display:inline-block;animation:rainbow 2s steps(1,end) infinite}@keyframes rainbow{0%{color:red}16%{color:#ffaded}33%{color:#00ad00}50%{color:#80ceff}66%{color:#4c0c3b}83%{color:#eff920}to{color:red}}.page .text-and-icon{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){body{font-size:14px}.spline-wrap.center-right,.spline-wrap.left,.spline-wrap.right,.spline-wrap.center-left{transform:translate(0)}.page .main-text{font-size:1.2rem}.page .two-cols{columns:1}.spline-wrap .spline-player.scale-4{scale:1.1}.spline-wrap .spline-player.scale-6{scale:1.2}.spline-wrap .spline-player.scale-8{scale:1.3}}