.wrapper{display:flex;flex-direction:column;gap:.3rem}h1{font-weight:700;font-size:3.2rem}h1,p{font-family:Verdana,Geneva,Tahoma,sans-serif;transition:.6s}p{font-weight:300;font-size:2.2rem}.wrapper:hover h1:not(:hover){opacity:.2}span{display:inline-block;transition:.4s cubic-bezier(.65,.005,.21,1.65)}.name:hover span:first-child{transform:translate(20%,40%) rotate(10deg);transition-duration:1s}.name:hover span:nth-child(2){transform:translate(-20%,-40%) rotate(-10deg);transition-duration:1s}.name:hover span:nth-child(3){transform:translateY(-20%) rotate(10deg);transition-duration:1s}.name:hover span:nth-child(5){transform:translate(20%,80%) rotate(10deg);transition-duration:1s}.name:hover span:nth-child(6){transform:translate(50%,100%) rotate(40deg);transition-duration:1s}.name:hover span:nth-child(7){transform:translate(20%,-40%) rotate(20deg);transition-duration:1s}.name:hover span:nth-child(8){transform:translate(0) rotate(10deg);transition-duration:1s}.name:hover span:nth-child(10){transform:translate(10%,-10%) rotate(15deg);transition-duration:1s}.name:hover span:nth-child(11){transform:translate(10%,40%) rotate(10deg);transition-duration:1s}.name:hover span:nth-child(12){transform:translate(20%,20%) rotate(20deg);transition-duration:1s}.name:hover span:nth-child(13){transform:translate(25%,20%) rotate(30deg);transition-duration:1s}.name:hover span:nth-child(14){transform:translate(20%,40%) rotate(10deg);transition-duration:1s}.name:hover span:nth-child(15){transform:translateY(-40%) rotate(-10deg);transition-duration:1s}