#TitleBar-CPN[data-v-f5c360d0]{width:100%;height:45px;display:grid;grid-template-columns:20% 60% 20%;text-align:center;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 1px 15px 0 var(--color10);background-color:var(--color7)}.center[data-v-f5c360d0],.left[data-v-f5c360d0],.right[data-v-f5c360d0]{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color2)}#WorkCollectionItem-CPN[data-v-16e0ada2]{width:100%;height:100%;background-color:var(--color1);border-radius:15px}a[data-v-16e0ada2]{text-decoration:none}.wrapper-box[data-v-16e0ada2]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;overflow:hidden;transition:.3s ease-in-out;border-radius:15px;box-shadow:-15px -15px 20px var(--box-shadow-shallow),15px 15px 20px var(--box-shadow-deep),inset 0 0 0 var(--box-shadow-deep),inset 0 0 0 var(--box-shadow-shallow)}.wrapper-box[data-v-16e0ada2]:hover{box-shadow:0 0 0 var(--box-shadow-shallow),0 0 0 var(--box-shadow-deep),inset -15px -15px 50px var(--box-shadow-shallow),inset 15px 15px 30px var(--box-shadow-deep)}.wrapper-box>img[data-v-16e0ada2]{height:50px}.wrapper-box>p[data-v-16e0ada2]{margin-top:15px;font-weight:700;color:transparent;background-image:linear-gradient(90deg,var(--color8),var(--color7),var(--color5),var(--color7),var(--color8));-webkit-background-clip:text;background-clip:text;background-position:0 0;background-size:200% 100%;-webkit-animation:colorful-16e0ada2 2.5s linear infinite;animation:colorful-16e0ada2 2.5s linear infinite}@-webkit-keyframes colorful-16e0ada2{0%{background-position:0 0}to{background-position:-200% 0}}@keyframes colorful-16e0ada2{0%{background-position:0 0}to{background-position:-200% 0}}#WorkCollection-CPN[data-v-7147596e]{width:100%;height:100%}.content[data-v-7147596e]{margin-top:40px;padding:0 20px;display:flex;flex-direction:column;align-items:center}.content>.work-item[data-v-7147596e]{margin:15px;width:100%;max-width:720px;height:120px;cursor:pointer}