._container_1kzy8_44{width:clamp(16rem,100dvw - 2rem,39rem);margin:2rem auto 8rem}._container_1kzy8_44 ._title_1kzy8_48{font-size:2rem;margin:3rem 0 1rem}._container_1kzy8_44 ._article_1kzy8_52,._container_1kzy8_44 ._projLinksContainer_1kzy8_53{max-width:55rem;margin:2.5rem auto 3rem}._container_1kzy8_44 ._article_1kzy8_52 ._subtitle_1kzy8_57,._container_1kzy8_44 ._projLinksContainer_1kzy8_53 ._subtitle_1kzy8_57{display:grid;grid-template-columns:3rem 1fr;gap:.25rem;justify-content:center;align-items:center;font-size:1.5rem;margin:2.5rem 0 0 1rem}._container_1kzy8_44 ._article_1kzy8_52 ._subtitle_1kzy8_57 span,._container_1kzy8_44 ._projLinksContainer_1kzy8_53 ._subtitle_1kzy8_57 span{margin:auto}._container_1kzy8_44 ._article_1kzy8_52 h5,._container_1kzy8_44 ._projLinksContainer_1kzy8_53 h5{margin:2rem 4.5rem;font-size:1.2rem}._container_1kzy8_44 ._article_1kzy8_52 ._skillsList_1kzy8_76,._container_1kzy8_44 ._projLinksContainer_1kzy8_53 ._skillsList_1kzy8_76{display:flex;flex-wrap:wrap;margin:2rem;padding:1rem;line-height:1.5;border-radius:1rem}._container_1kzy8_44 ._article_1kzy8_52 ._skillsList_1kzy8_76 li,._container_1kzy8_44 ._projLinksContainer_1kzy8_53 ._skillsList_1kzy8_76 li{flex:1 1 clamp(150px,20%,300px);margin:.5rem;text-align:center}@media (min-width: 712px){._container_1kzy8_44 ._article_1kzy8_52 ._skillsList_1kzy8_76,._container_1kzy8_44 ._projLinksContainer_1kzy8_53 ._skillsList_1kzy8_76{padding:1rem 3rem}}._container_1kzy8_44 ._article_1kzy8_52 ._skillsList_1kzy8_76{background-color:var(--accent__opacity);box-shadow:10px 10px 19px var(--shadow),-10px -10px 19px var(--shadow)}._container_1kzy8_44 ._projLinksContainer_1kzy8_53{display:flex;flex-direction:column;gap:.1rem 0;margin-bottom:5rem}:root{--primary: hsl(0, 0%, 97%);--secondary: hsl(210, 28%, 23%);--third: hsl(24, 82%, 53%);--accent: hsl(165, 75%, 27%);--primary__opacity: hsla(0, 0%, 75%, .3);--primary_nav__opacity: hsla(0, 0%, 75%, .2);--secondary__opacity: hsla(210, 28%, 23%, .8);--third__opacity: hsl(24, 82%, 53%, .9);--accent__opacity: hsla(165, 75%, 27%, .8);--text: hsl(0, 0%, 0%);--shadow: hsla(0, 0%, 0%, .1);--box_shadow: 10px 10px 19px var(--shadow), -10px -10px 19px var(--shadow);--text__opacity: hsl(0, 0%, 0%, .5);--refraction: .5rem;--light__refraction: 5px;--liquid-border: 3px solid rgba(135, 135, 135, .05);--box-shadow: 2px 2px 6px rgba(0, 0, 0, .15), -2px -2px 6px rgba(255, 255, 255, .8);--modal-box-shadow: .5rem .5rem 1.75rem .5rem var(--text__opacity);--light-modal-box-shadow: 0 .25rem 1.25rem -1rem var(--text__opacity), 0 .5rem 1.75rem -.625rem var(--text__opacity);--blur: blur(var(--refraction));--light__blur: blur(var(--light__refraction));--bp-filter: var(--blur) saturate(1.2);--light-bp-filter: : var(--light__blur) saturate(1.2)}[data-theme=dark]{--primary: hsl(217, 45%, 10%);--secondary: hsl(0, 0%, 92%);--third: hsl(15, 100%, 41%);--accent: hsl(168, 83%, 21%);--primary__opacity: hsl(217, 45%, 32%, .3);--primary_nav__opacity: hsl(217, 45%, 32%, .2);--secondary__opacity: hsl(0, 0%, 92%, .8);--third__opacity: hsl(15, 100%, 41%, .9);--accent__opacity: hsl(168, 83%, 21%, .8);--text: hsl(0, 0%, 97%);--text__opacity: hsl(0, 0%, 97%, .5);--shadow: hsla(0, 0%, 100%, .1);--box_shadow: 10px 10px 19px var(--shadow), -10px -10px 19px var(--shadow)}._projectsLink_1fkm4_44{display:grid;grid-template-columns:1fr 2rem;align-items:center;justify-content:space-between;margin:0 2rem;font-size:1.5rem;text-decoration:none}._projectsLink_1fkm4_44 ._title_1fkm4_53{padding:.8rem 1rem}._projectsLink_1fkm4_44 ._arrowRight_1fkm4_56{width:2rem}._projectsLink_1fkm4_44:first-child{border-radius:1rem 1rem 0 0}._projectsLink_1fkm4_44:last-child{border-radius:0 0 1rem 1rem}._projectsLink_1fkm4_44{background-color:var(--accent__opacity)}._projectsLink_1fkm4_44:focus,._projectsLink_1fkm4_44:active,._projectsLink_1fkm4_44:hover{background-color:var(--primary__opacity)}._projectsLink_1fkm4_44:focus span,._projectsLink_1fkm4_44:focus ._arrowRight_1fkm4_56,._projectsLink_1fkm4_44:active span,._projectsLink_1fkm4_44:active ._arrowRight_1fkm4_56,._projectsLink_1fkm4_44:hover span,._projectsLink_1fkm4_44:hover ._arrowRight_1fkm4_56{color:var(--secondary);fill:var(--secondary)}
