.skills-grid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.skill{isolation:isolate;border:2px solid #000;border-radius:24px;flex-direction:column;justify-content:flex-start;min-height:165px;padding:19px 20px 18px;transition:transform .28s,box-shadow .28s,filter .2s;display:flex;position:relative;overflow:hidden}.skill:hover{transform:translateY(-8px)rotate(-.45deg);box-shadow:10px 10px #000}.skill:before{content:"";z-index:-1;background:#ffffff47;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-46px;left:-32px}.skill-head{padding-left:32px;display:block}.skill-copy{flex-direction:column;gap:9px;display:flex}.skill h3{max-width:320px;margin:0;font-size:23px;font-weight:900;line-height:1.08}.skill p{max-width:340px;margin:0;font-size:13.5px;font-weight:600;line-height:1.5}.skill .n{direction:ltr;font-size:10px;font-weight:900;position:absolute;top:12px;left:15px}.skill:first-child,.skill:nth-child(7){background:#8df65c;grid-column:span 5}.skill:nth-child(2),.skill:nth-child(6){background:#fff;grid-column:span 3}.skill:nth-child(3),.skill:nth-child(9){color:#fff;background:#3562e8;grid-column:span 4}.skill:nth-child(4),.skill:nth-child(8){background:#fff3d8;grid-column:span 4}.skill:nth-child(5){background:#ff664f;grid-column:span 5}.skill:nth-child(10){background:#fff;grid-column:span 7}.skill:nth-child(6),.skill:nth-child(10){box-shadow:inset 0 0 0 1px #0000000d}@media (width<=1050px){.skills-grid{grid-template-columns:repeat(2,1fr)}.skill,.skill:nth-child(n){grid-column:auto}}@media (width<=680px){.skills-grid{grid-template-columns:1fr;gap:10px}.skill{min-height:145px;padding:17px 18px}.skill-head{padding-left:28px}.skill h3{font-size:22px}}