Dmitry
2 lines
3.4 KiB
CSS
2 lines
3.4 KiB
CSS
.index-page-bg[data-v-f7ee791f]{background:linear-gradient(135deg,var(--color-base-100) 0,var(--color-base-200) 50%,var(--color-base-300) 100%)}.index-bg-orb[data-v-f7ee791f]{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite float-f7ee791f;position:absolute}.index-bg-orb-1[data-v-f7ee791f]{background:linear-gradient(135deg,var(--color-primary) 0,color-mix(in oklch,var(--color-primary) 50%,transparent) 100%);width:500px;height:500px;top:-20%;left:-10%}.index-bg-orb-2[data-v-f7ee791f]{background:linear-gradient(135deg,var(--color-secondary) 0,color-mix(in oklch,var(--color-secondary) 50%,transparent) 100%);width:600px;height:600px;animation-delay:-7s;bottom:-30%;right:-10%}.index-bg-orb-3[data-v-f7ee791f]{background:linear-gradient(135deg,var(--color-accent) 0,color-mix(in oklch,var(--color-accent) 30%,transparent) 100%);opacity:.2;width:400px;height:400px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-f7ee791f{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.index-title-gradient[data-v-f7ee791f]{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 50%,var(--color-accent) 100%);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite gradientShift-f7ee791f}@keyframes gradientShift-f7ee791f{0%,to{background-position:0}50%{background-position:100%}}.index-title-xd[data-v-f7ee791f]:after{content:"";background:var(--color-primary);border-radius:2px;height:4px;animation:.6s ease-out .4s forwards underlineIn-f7ee791f;position:absolute;bottom:.1em;left:0;right:0;transform:scaleX(0)}@keyframes underlineIn-f7ee791f{to{transform:scaleX(1)}}.index-btn-primary[data-v-f7ee791f]{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--color-primary-content);box-shadow:0 4px 15px color-mix(in oklch,var(--color-primary) 40%,transparent),0 1px 3px #0000001a}.index-btn-primary[data-v-f7ee791f]:hover{box-shadow:0 8px 25px color-mix(in oklch,var(--color-primary) 50%,transparent),0 4px 10px #0000001a}.index-btn-primary[data-v-f7ee791f]:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#fff3);transition:opacity .3s;position:absolute;inset:0}.index-btn-primary[data-v-f7ee791f]:hover:before{opacity:1}.index-btn-secondary[data-v-f7ee791f]{background:color-mix(in oklch,var(--color-base-content) 8%,transparent);color:var(--color-base-content);border:1px solid color-mix(in oklch,var(--color-base-content) 15%,transparent)}.index-btn-secondary[data-v-f7ee791f]:hover{background:color-mix(in oklch,var(--color-base-content) 12%,transparent);border-color:color-mix(in oklch,var(--color-base-content) 25%,transparent)}.animate-fade-in[data-v-f7ee791f]{animation:.8s ease-out fadeIn-f7ee791f}.animate-scale-in[data-v-f7ee791f]{animation:.6s ease-out scaleIn-f7ee791f}.animate-fade-in-delayed[data-v-f7ee791f]{animation:.8s ease-out .2s backwards fadeIn-f7ee791f}.animate-fade-in-delayed-2[data-v-f7ee791f]{animation:.8s ease-out .4s backwards fadeIn-f7ee791f}.animate-fade-in-delayed-3[data-v-f7ee791f]{animation:.8s ease-out .6s backwards fadeIn-f7ee791f}@keyframes fadeIn-f7ee791f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-f7ee791f{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
|