*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;display:flex;align-items:center;justify-content:center}.main{width:300px;height:500px;border:2px solid #666;display:flex;flex-direction:column;align-items:center;background-color:#fff}.main p{margin-top:8px}.main .p-1{font-size:36px;transform:translateX(-100px) rotate(-36deg);color:#09f}.main .p-2{font-size:34px;transform:translateX(50px) rotate(36deg);color:red}.main .p-3{font-size:32px;transform:translateX(-50px);color:green}.main .p-4{font-size:30px;transform:translateX(25px) rotate(18deg);color:pink}.main .p-5{font-size:28px;transform:translateX(-25px) rotate(-18deg);color:purple}.main .p-6{font-size:26px;transform:translateX(-100px) rotate(-18deg);color:powderblue}.main .p-7{font-size:24px;transform:translateX(100px) rotate(18deg);color:palegreen}.main .p-8{font-size:22px;margin-top:8px;color:orange}.main .p-9{font-size:20px;margin-top:16px;color:yellow}