.skills-page-container{display:flex;flex-direction:column;align-items:center}@media screen and (max-width:769px){.skills-page-container{padding:3rem 0 4rem}}.skills-page-container h1{padding-bottom:4rem}.skills-page-container ul{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,1fr);grid-auto-columns:160px;grid-column-gap:45px;column-gap:45px;grid-row-gap:55px;row-gap:55px;padding:0 4rem;justify-content:center}@media screen and (max-width:999px){.skills-page-container ul{grid-template-rows:repeat(5,1fr);column-gap:0;row-gap:50px}}@media screen and (max-width:550px){.skills-page-container ul{grid-template-rows:repeat(5,1fr);grid-auto-columns:110px;column-gap:15px;row-gap:50px;padding:0}}.skills-page-container ul li{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;height:84px;text-align:center;font-size:1rem;font-weight:600;letter-spacing:1px;margin:0;transform:translateZ(0);transition:transform .18s ease,box-shadow .24s ease}.skills-page-container ul li img{transform:translateY(0);transition:transform .22s ease,filter .22s ease}.skills-page-container ul li:focus-within img,.skills-page-container ul li:hover img{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 0 4px rgba(236,217,144,.418))}.skills-page-container ul li p{margin-top:.6rem;transition:color .16s ease,letter-spacing .16s ease,transform .2s ease,opacity .2s ease;opacity:.9}.skills-page-container ul li:focus-within p,.skills-page-container ul li:hover p{color:#fc0;letter-spacing:1.5px;opacity:1;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.skills-page-container ul li,.skills-page-container ul li *{transition:none!important;transform:none!important;filter:none!important}}