.typography--body{font-family:Roboto-Regular}.typography--body-bold{font-family:Roboto-Bold}.typography--body-italic{font-family:Roboto-Italic}.typography--heading{font-family:FiraCode-Regular}.typography--heading-bold{font-family:FiraCode-Bold}.typography--fun-heading{font-family:PressStart2P-Regular}.typography--accent{font-family:Monoton-Regular}h1.typography{font-size:64px}h2.typography{font-size:48px}h3.typography{font-size:40px}p.typography{font-size:22px}span.typography{font-size:20px}@media(max-width:1920px){h1.typography{font-size:56px}h2.typography{font-size:44px}h3.typography{font-size:36px}p.typography{font-size:20px}span.typography{font-size:18px}}@media(max-width:1366px){h1.typography{font-size:48px}h2.typography{font-size:40px}h3.typography{font-size:32px}p.typography{font-size:18px}span.typography{font-size:16px}}@media(max-width:1024px){h1.typography{font-size:40px}h2.typography{font-size:36px}h3.typography{font-size:28px}p.typography{font-size:18px}span.typography{font-size:16px}}@media(max-width:768px){h1.typography{font-size:32px}h2.typography{font-size:28px}h3.typography{font-size:24px}p.typography{font-size:16px}span.typography{font-size:14px}}@media(max-width:480px){h1.typography{font-size:28px}h2.typography{font-size:24px}h3.typography{font-size:20px}p.typography{font-size:14px}span.typography{font-size:12px}}.project-detail--info-container{display:flex;align-items:center;gap:8px;margin-bottom:8px}.project-detail--logo{width:100px;height:30px;object-fit:contain}.project-detail--title{display:inline-flex;align-items:center}.project-detail--title svg{fill:var(--text);margin-left:8px;transition:.2s ease-out}.project-detail--title:hover svg{fill:var(--link)}.project-detail--subtitle{margin-top:24px;margin-bottom:8px}.project-detail--tag{padding:4px 8px;border-radius:4px;background-color:var(--divider)}.project-detail--tag:not(:last-child){margin-right:12px}.modal--container{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;background:rgba(0,0,0,.5)}.modal--content{position:relative;width:60%;padding:24px;background-color:var(--background)}.modal--close{position:absolute;top:24px;right:24px;cursor:pointer;transition:.2s ease-out}.modal--close:hover{opacity:.7}@media(max-width:768px){.modal--content{width:80%}}@media(max-width:480px){.modal--content{width:90%}}.project--card,.project--overlay{border-radius:10px}.project--card{display:flex;align-items:center;justify-content:center;position:relative;width:calc(33.33% - 8px);height:400px;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:0 4px 15px rgba(0,0,0,.5);cursor:pointer;top:0;transition:top .5s ease}.project--card:hover{top:-4px}.project--overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1}.project--chip{position:absolute;z-index:2;top:12px;right:12px;padding:4px;border-radius:4px;background-color:var(--background)}.project--chip-label{font-size:12px!important}.project--title{position:relative;text-align:center;z-index:2}@media(max-width:1024px){.project--card{height:300px}}@media(max-width:768px){.project--card{width:calc(50% - 8px);height:200px}}.socials{margin-top:24px;margin-left:-8px}.socials a{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%}.socials a:hover{background-color:var(--link)}.socials a svg{fill:var(--text)}.socials a:not(:last-child){margin-right:12px}@media(max-width:768px){.socials{margin-top:12px}.socials svg{width:24px;height:24px}}.row--icon-container{width:48px}.row--item{display:inline-flex;align-items:center;gap:8px}.row--item svg{transition:.2s ease-out;fill:var(--text)}.row--item:hover svg{fill:var(--link)}.projects--container{width:100%;display:flex;flex-wrap:wrap;gap:8px}.section--title{margin-top:32px;margin-bottom:16px}.listing--container{display:inline-flex;flex-direction:column;gap:16px}.footer--container{display:flex;align-items:center;margin-top:120px;border-top:1px solid var(--divider)}.footer--sticker{width:120px;height:120px;object-fit:contain}@media(max-width:480px){.footer--container{flex-direction:column;margin-bottom:24px}}.header--container{margin-top:40px}.header--main-content{display:flex;align-items:center}.header--title{margin-right:60px}.header--description{width:400px}@media(max-width:768px){.header--main-content{flex-direction:column;align-items:start}.header--title{margin-right:0;margin-bottom:12px}.header--description{width:100%}}