@font-face{font-family:Choco cooky;font-style:normal;font-weight:400;src:url(/assets/font/Chococooky.woff) format("woff")}@font-face{font-family:Lemon Tuesday;font-style:normal;font-weight:400;src:url(/assets/font/LemonTuesday.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}body{background:url(/assets/images/page.jpg) repeat;font-family:Choco cooky!important;color:#373737!important}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh}.hero img{width:18%}.hero .name{font-family:Lemon Tuesday!important;color:transparent!important;background-image:url(/assets/images/font-bg.jpg);display:inline-block;background-clip:text;-webkit-background-clip:text;background-size:100%;background-position:top left;animation:nameAnimation 10s ease-in-out infinite alternate-reverse both;padding-bottom:10px;font-size:4rem}.hero .expertise{display:flex;justify-content:center;gap:10px;font-size:1.2rem;list-style:none}.social{display:flex;justify-content:center;align-items:center;gap:10px;font-size:1.2rem;list-style:none}.social-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#373737;transition:transform .3s ease}.social-link:hover{transform:scale(1.1)}@keyframes nameAnimation{0%{background-position:top left}to{background-position:bottom left}}@media (max-width: 768px){.hero img{width:40%}.hero .name{font-size:2.5rem}.hero .expertise,.social{font-size:1rem}}