main{padding-bottom:5rem}.projects-grid{display:grid;min-height:600px;width:100%;align-items:flex-start;justify-content:center;gap:.75rem}@media (min-width:300px){.projects-grid{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:767px){.projects-grid{padding-left:4rem;padding-right:4rem}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,300px))}.page-header{position:relative;margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content;font-size:2.25rem;line-height:2.5rem;font-weight:600;text-transform:uppercase}.page-header .header-squares{position:absolute;left:50%;top:50%;z-index:-10;display:grid;height:200px;width:300px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:.2px}.page-header .header-squares:before{z-index:-20;content:"";position:absolute;height:100%;width:100%;background:linear-gradient(#fff,#15803d,#600be9,#fff)}.page-header .header-squares:after{content:"";position:absolute;height:102%;left:-4px;width:calc(100% + 5px);background:linear-gradient(90deg,#fff,transparent 20%,transparent 70%,#fff)}.page-header .header-squares .square{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));width:calc(300px / 4 - .8px);height:calc(200px / 3 - .8px)}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fb8fc7443e6cec5d-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3340341464b53ac4-s.p.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6ef254bc034cae71-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a848c1be15c4ae97-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a782bc8f0acd0968-s.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fb8fc7443e6cec5d-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3340341464b53ac4-s.p.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6ef254bc034cae71-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a848c1be15c4ae97-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Bitter_963fb1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a782bc8f0acd0968-s.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Bitter_Fallback_963fb1;src:local("Times New Roman");ascent-override:81.11%;descent-override:22.99%;line-gap-override:0.00%;size-adjust:115.28%}.__className_963fb1{font-family:__Bitter_963fb1,__Bitter_Fallback_963fb1;font-style:normal}.skills-tab{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:8rem 1rem 6rem;text-transform:capitalize}.skills-tab .clear-all,.skills-tab .skill{cursor:pointer;border-radius:9999px;border-width:1px;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.skills-tab .skill{--tw-border-opacity:1;border-color:rgb(12 10 9/var(--tw-border-opacity));font-size:1.125rem;line-height:1.75rem}.skills-tab .skill.active,.skills-tab .skill:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity))}.skills-tab .skill.active{font-size:1.125rem;line-height:1.75rem}.skills-tab .clear-all{display:flex;align-items:center;--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(246 246 246/var(--tw-text-opacity))}.skills-tab .clear-all:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity))}.project-container{margin-left:auto;margin-right:auto;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.project{display:flex;height:350px;flex-direction:column;justify-content:space-between;gap:3px;padding:15px;text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project:hover{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity))}.project h3{font-size:1.125rem;line-height:1.75rem}.project p{border-top-width:1px;border-bottom-width:1px;padding-top:.5rem;padding-bottom:.5rem}@media (min-width:300px){.project p{font-size:1.125rem;line-height:1.75rem}}@media (min-width:767px){.project p{font-size:1rem;line-height:1.5rem}}.project .proj-image-container{width:100%;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity))}@media (min-width:300px){.project .proj-image-container{height:200px}}@media (min-width:767px){.project .proj-image-container{height:150px}}.project .proj-image-container img{position:relative;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.project .made-with{display:flex;flex-wrap:wrap;gap:3px;padding-top:.5rem;text-transform:capitalize}.project .made-with span{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity));padding:5px 8px;font-size:.875rem;line-height:1.25rem}.project-container.skeleton{height:350px;width:250px}.project-container.skeleton,.project-container.skeleton .proj-image-container{--tw-bg-opacity:1;background-color:rgb(252 251 251/var(--tw-bg-opacity))}.project-container.skeleton{position:relative;cursor:default;overflow:hidden}.project-container.skeleton .line{height:15px;width:100%;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(240 240 240/var(--tw-bg-opacity))}.project-container.skeleton .line:last-of-type{width:70%}.project-container.skeleton:before{content:"";position:absolute;height:500px;width:80px;background-image:linear-gradient(90deg,#f6f6f6,#efeeee,#f6f6f6);opacity:.5;transform:rotate(20deg);animation:animateSkeleton 2s ease-in-out infinite}@keyframes animateSkeleton{0%{left:-20vw}to{left:60vw}}