:root{--skin-color:#e6c8b9;--eye-height:200px;--iris-left:140px;--iris-top:70px;--time:4s}.ff__copy{display:block;margin-bottom:var(--gap-md);text-align:center}.eye{aspect-ratio:1;background-color:#fff;border-radius:50%;box-shadow:inset 0 0 40px 20px rgba(55,45,35,.1),inset 0 0 40px rgba(55,45,35,.3),inset 0 0 20px rgba(55,45,35,.4),inset 0 -2px 10px rgba(55,45,35,.5),inset 0 0 1px rgba(55,45,35,.6),0 5px 15px rgba(0,0,0,.5);margin:auto;position:relative;width:min(100%,230px)}.iris-container{animation:moveEyeY var(--time) infinite;aspect-ratio:1;left:var(--iris-left);position:absolute;top:var(--iris-top);width:30%}.iris{animation:moveEyeX var(--time) infinite;aspect-ratio:1;background-color:#add8e6;border-radius:50%;box-shadow:inset 0 0 30px rgba(0,0,0,.7);position:relative;transition:2s ease-out;width:100%}@keyframes moveEyeX{0%{left:0}3%{left:0}25%{left:-90%}47%{left:-160%}53%{left:-160%}75%{left:-90%}97%{left:0}to{left:0}}@keyframes moveEyeY{0%{top:30%}22%{top:50%}28%{top:50%}50%{top:30%}67%{top:50%}78%{top:50%}to{top:30%}}.pupil{background-color:#000;margin:auto;top:20%;width:60%}.pupil,.shine{aspect-ratio:1;border-radius:50%;position:relative}.shine{animation:moveShine var(--time) infinite;background-color:hsla(0,0%,100%,.3);margin-left:30%;width:30%}@keyframes moveShine{0%{left:0}3%{left:0}25%{left:32%;top:-2%}47%{left:56%;top:0}53%{left:56%;top:0}75%{left:32%;top:-2%}97%{left:0}to{left:0}}.face{aspect-ratio:3/2;background-color:var(--skin-color);border-radius:50%;box-shadow:0 -100px 400px hsla(0,0%,100%,.5),inset 0 -12px 30px 10px rgba(55,45,35,.3),inset 0 -12px 30px rgba(55,45,35,.6),inset 0 -7px 10px rgba(55,45,35,.5),inset 0 -1px 1px #000,0 15px 30px rgba(0,0,0,.5),0 0 5px rgba(0,0,0,.35),0 5px 15px rgba(0,0,0,.7);margin:auto;padding:2rem;width:min(100%,600px)}.eyes-wrapper{display:flex;gap:2rem}.smile-wrapper{background:#fff;height:3.5rem;margin:2rem auto;width:85%}@media (max-width:650px){.iris-container{left:60%}}