.works{background-image:url(/images/works/background.png);padding:64px 0;.works-title{width:342px;text-align:center;margin:0 auto 64px;h1{color:#12f7d6;border-bottom:2px solid #12f7d6;width:183px;margin:0 auto 16px;padding-bottom:16px;font-size:64px;line-height:72px}h1,p{font-weight:400}p{color:#fff;font-size:16px;line-height:20px;font-family:IBM Plex Mono,monospace}}.works-link{width:297px;height:196px;margin:0 auto;display:flex;gap:8px;align-items:flex-start;justify-content:flex-end;padding:20px;background-image:url(/images/works/works-content.png);background-repeat:no-repeat;background-size:cover;background-position:0 5px;a{color:#12f7d6;font-size:16px;font-weight:400;line-height:20px;text-decoration:none;position:relative;transition:transform .1s ease-in-out,color .3s ease}a:after,a:before{content:"";position:absolute;background-color:#fff;transition:transform .5s;left:0;width:100%;height:1px;bottom:-5px;transform:scaleX(0);transform-origin:left}a:hover:after{transform:scaleX(1)}a:hover{color:#fff}}}@media(min-width:768px){.works{.works-title{width:640px}.works-link{width:480px;height:320px;padding:30px;background-position:0 0;a{font-size:24px;font-weight:400;line-height:32px;text-align:left}}}}@media(min-width:1280px){.works{padding:128px 0;.works-link{width:650px;height:432px;padding:45px;gap:12px;a{font-size:28px}}}}