纯css代码实现三维文字旋转聚集动画效果
代码语言：html
所属分类：三维
代码描述：纯css代码实现三维文字旋转聚集动画效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
height: 100vh;
--duration: 10;
--yellow: #FEC763;
--red: #FC6452;
--blue: #6AD4D6;
background: radial-gradient(circle at center, var(--yellow), transparent 75%), radial-gradient(circle at top right, var(--red), transparent 75%), radial-gradient(circle at bottom left, var(--blue), transparent 75%), #fff;
font-family: "Dosis";
}
body svg {
position: absolute;
fill: #000;
max-width: 950px;
z-index: -1;
-webkit-filter: blur(15px);
filter: blur(15px);
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
@media (max-width: 1200px) {
body svg {
-webkit-transform: scale(calc(1/1.25));
transform: scale(calc(1/1.25));
}
}
@media (max-width: 1000px) {
body svg {
-webkit-transform: scale(calc(1/1.75));
transform: scale(calc(1/1.75));
}
}
body #wrap {
width: 550px;
height: 150px;
-webkit-transform: scale(1.75) translateY(-50%);
transform: scale(1.75) translateY(-50%);
position: absolute;
}
body #wrap:before {
content: '';
position: absolute;
width: 125%;
height: 250%;
left: -12.5%;
top: -37.5%;
background: #222;
box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1200px) {
body #wrap {
-webkit-transform: scale(calc(1.75/1.25)) translateY(-50%);
transform: scale(calc(1.75/1.25)) translateY(-50%);
}
}
@media (max-width: 1000px) {
body #wrap {
-webkit-transform: scale(calc(1.75/1.75)) translateY(-50%);
transform: scale(calc(1.75/1.75)) translateY(-50%);
}
}
body #wrap .letter {
position: absolute;
offset-path: path("M551.35,132.85c-.53-15.12-5.32-27.13-14.37-36.49s-21-13.93-35.93-13.93c-18.37,0-36.46,7.44-54.3,22.09A114.37,114.37,0,0,0,421,134.05a80.25,80.25,0,0,0,1-14.88c-.54-15.13-5.33-27.14-14.38-36.5s-21-13.93-35.93-13.93c-18.36,0-36.46,7.45-54.29,22.09A111.92,111.92,0,0,0,285.12,133c0-1.47.07-2.95,0-4.42-.54-15.13-5.33-27.13-14.38-36.5s-21-13.92-35.93-13.92c-18.36,0-36.46,7.44-54.29,22.09s-29.81,32.41-36.46,53.3a78,78,0,0,0-4.26,28.58c.07,1.95.23,3.85.45,5.71a7.75,7.75,0,0,0-1.7-.17h-87c-.53,0-.8,0-.8-.24s3.73-1.68,11.45-4.56c33.26-12.73,59.08-28.33,77.71-46.34,18.9-18.25,28.48-34.82,28.74-49.95.27-13-4-23.53-13-31.93-8.78-8.41-21-12.49-36.46-12.49-17.83,0-32.47,5-43.91,15.37-11.18,10.08-17,21.37-17.3,33.61-.27,9.37,3.19,18.49,9.85,27.38,1.58,2,3.24,1.57,4,.4-.27-.29-.54-.58-.83-.87.29.29.56.58.83.87a3,3,0,0,0-.33-3.76c-6.12-6.73-8.78-14.65-8.52-24,.27-11,5.86-21.13,16.24-30.49s23.69-13.93,39.66-13.93c28.74,0,45.24,16.81,44.44,39.86-.26,10.33-5.59,21.37-15.44,33.38A176.67,176.67,0,0,1,112,152.56a234,234,0,0,1-47.11,24.5c-17,6.48-32.47,10.08-46.58,10.56H14c-4.25,0-4.25,5,0,5H138.57a7.67,7.67,0,0,0,2.41-.31,50.13,50.13,0,0,0,13.21,25.75c9.05,9.36,21,13.92,35.93,13.92,15.71,0,30.87-5.28,46-15.61a118.74,118.74,0,0,0,36.19-39.85c1.6-2.85,3-5.69,4.3-8.54,0,1.56-.05,3.12,0,4.69q.8,22,14.37,36c9.05,9.37,21,13.93,35.93,13.93,15.7,0,30.88-5.28,46-15.61a118.33,118.33,0,0,0,34-36.21,85.73,85.73,0,0,0-1,15.56q.8,22,14.37,36c9.05,9.36,21,13.92,35.93,13.92,15.71,0,30.88-5.28,46.05-15.6a118.78,118.78,0,0,0,36.19-39.86C547.62,164.79,551.88,148.7,551.35,132.85ZM268.9,172.71a116.23,116.23,0,0,1-34.07,39.14c-14.37,10.57-29.27,15.85-45,15.85-13.58,0-24.22-4.32-32.47-12.73s-12.51-19.45-12.78-32.89a77.38,77.38,0,0,1,3.73-27.14q10-29.9,35.13-51.14c16.77-14.17,34.07-21.37,51.63-21.37,13.57,0,24.22,4.32,32.47,12.73s12.51,19.68,12.78,33.37C280.88,142.7,277.15,157.35,268.9,172.71Zm136.83-9.36a116.32,116.32,0,0,1-34.07,39.14c-14.37,10.56-29.27,15.85-45,15.85-13.58,0-24.22-4.33-32.47-12.73s-12.51-19.45-12.78-32.9a77.13,77.13,0,0,1,3.73-27.13q10-29.9,35.13-51.14c16.76-14.17,34.06-21.37,51.63-21.37,13.57,0,24.22,4.32,32.47,12.72s12.51,19.69,12.77,33.38C417.71,133.33,414,148,405.73,163.35ZM535.11,177a116.39,116.39,0,0,1-34.06,39.14c-14.38,10.56-29.28,15.84-45,15.84-13.57,0-24.22-4.32-32.47-12.72s-12.51-19.45-12.78-32.9a77.33,77.33,0,0,1,3.73-27.13q10-29.9,35.13-51.15C466.45,94,483.75,86.75,501.31,86.75c13.58,0,24.22,4.32,32.47,12.73s12.51,19.69,12.78,33.37C547.09,147,543.36,161.67,535.11,177Z");
height: 10px;
width: 10px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
offset-rotate: 0deg;
color: var(--red);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
transform-style: preserve-3d;
will-change: offset-distance;
}
body #wrap .letter.one {
color: var(--yellow);
}
body #wrap .letter.one b:nth-of-type(even) {
color: var(--blue);
}
body #wrap .letter.two b:nth-of-type(odd) {
color: var(--blue);
}
body #wrap .letter b {
position: absolute;
font-size: 10px;
width: 0;
height: 0;
-webkit-transform-origin: -7.5px 50%;
transform-origin: -7.5px 50%;
font-weight: 900;
}
body #wrap .letter b:before {
content: '';
position: absolute;
width: 15px;
height: 15px;
background: #222;
opacity: 0.85;
-webkit-filter: blur(5px);
filter: blur(5px);
left: calc(-50% - 7.5px);
top: calc(-50% - 7.5px);
border-radius: 100%;
}
body #wrap .letter b span {
display: inline-block;
}
body #wrap .letter b span.hide {
opacity: 0;
}
body #wrap .letter b:nth-of-type(1) {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
body #wrap .letter b:nth-of-type(1) span {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
body #wrap .letter b:nth-of-type(2) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
body #wrap .letter b:nth-of-type(2) span {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
body #wrap .letter b:nth-of-type(3) {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
body #wrap .letter b:nth-of-type(3) span {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
body #wrap .letter b:nth-of-type(4) {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
body #wrap .letter b:nth-of-type(4) span {
-webkit-transform: rotate(-270deg);
transform: rotate(-270deg);
}
body #wrap .letter:nth-of-type(1) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(2) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(3) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(4) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(5) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(6) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(7) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(8) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(9) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(10) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(11) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(12) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(13) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(14) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(15) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(16) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(17) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(18) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(19) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(20) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(21) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(22) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(23) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(24) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(25) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(26) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(27) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(28) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(29) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(30) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(31) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(32) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(33) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(34) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(35) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(36) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(37) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(38) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(39) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(40) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(41) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(42) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(43) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(44) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(45) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(46) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(47) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(48) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(49) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(50) {
-webkit-animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write1 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
body #wrap .letter:nth-of-type(51) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(52) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(53) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(54) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(55) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(56) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(57) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(58) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(59) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(60) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(61) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(62) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(63) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(64) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(65) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(66) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(67) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(68) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(69) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(70) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(71) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(72) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(73) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(74) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(75) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(76) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(77) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(78) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(79) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(80) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(81) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(82) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(83) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(84) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(85) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(86) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(87) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(88) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(89) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(90) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(91) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(92) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(93) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(94) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(95) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(96) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(97) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(98) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(99) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(100) {
-webkit-animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write2 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(101) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(102) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(103) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(104) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(105) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(106) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(107) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(108) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(109) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(110) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(111) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(112) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(113) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(114) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(115) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(116) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(117) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(118) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(119) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(120) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(121) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(122) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(123) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(124) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(125) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(126) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(127) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(128) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(129) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(130) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(131) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(132) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(133) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(134) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(135) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(136) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(137) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(138) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(139) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(140) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(141) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(142) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(143) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(144) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(145) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(146) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(147) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(148) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(149) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(150) {
-webkit-animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write3 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(151) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(152) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(153) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(154) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(155) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(156) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(157) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(158) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(159) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(160) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(161) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(162) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(163) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(164) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(165) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(166) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(167) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(168) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(169) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(170) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(171) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(172) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(173) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(174) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(175) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(176) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(177) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(178) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(179) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(180) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(181) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(182) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(183) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(184) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(185) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var(--duration) * 1s) linear infinite;
}
body #wrap .letter:nth-of-type(186) {
-webkit-animation: write4 calc(var(--duration) * 1s) linear infinite, fadeIn calc(var.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0