:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--dark-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-background: #181818;--light-background: #1E1E1E;--font-color: #FFFFFF;--light-gray-font: #CCCCCC;--card-background: #252525;--primary-color: #AA8855;--sub-font-60: #888888;--gray-color: #262626}.app-container{width:100%;height:100%;overflow-x:hidden}.icon-page-container{--icon-page-change-layout: 1027px;--font-size: 114px;--image-size: 55%;width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media (max-width: 1027px){.icon-page-container{flex-direction:column-reverse;--font-size: 76px;--image-size: 35%}}.icon-page-container div.image{overflow:hidden;height:var(--image-size);display:flex;justify-content:center;align-items:center}.icon-page-container div.image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.icon-page-container div.text{line-height:150%;font-size:var(--font-size);text-transform:uppercase;font-weight:500;text-align:center;color:var(--light-gray-font)}.home-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.home-container .landing{width:100%;padding:5% 5% 2%;background-color:var(--light-background);display:flex;justify-content:center;align-items:center}.home-container .landing .landing-content{display:flex;justify-content:center;align-items:center}.home-container .landing .landing-content .landing-img{transform:translate(30px) translateY(-75px);position:relative}.home-container .landing .landing-content .circle{width:350px;height:350px;border-radius:1000px;padding:40px;z-index:0;background-color:var(--gray-color);overflow:visible}.home-container .landing .landing-content .landing-info{width:550px;z-index:1;overflow:hidden}.home-container .landing .landing-content .landing-info .name{font-weight:700;font-size:60px;line-height:normal;width:200%;margin-top:15%}.home-container .landing .landing-content .landing-info .occupation{font-size:21px;font-weight:700}.home-container .landing .landing-content .landing-info .description{font-size:18px;color:var(--sub-font-60);font-weight:500}.home-container .landing .landing-content .landing-info .social{display:flex;justify-content:center}.home-container .landing .landing-content .landing-info .social *{padding:15% 2% 0;transition:transform .2s ease;position:relative}.home-container .landing .landing-content .landing-info .social *:hover{cursor:pointer;transform:scale(1.1);z-index:1}.home-container .content{padding:5% 1%;display:flex;justify-content:space-between;width:1100px}.home-container .content .menu{margin-top:8%;display:flex;flex-direction:column;align-items:center;position:sticky;height:10vh;top:15%;min-width:30%}.home-container .content .menu .menu-item{color:var(--sub-font-60);text-transform:uppercase;font-size:16px;font-weight:700;letter-spacing:3px;width:100%;display:flex;justify-content:flex-start;text-decoration:none}.home-container .content .menu .menu-item *{padding:0 3%}.home-container .content .menu .menu-item .line{width:20px;height:.6mm;background:var(--sub-font-60);transform:translateY(10px);transition:width .3s ease}.home-container .content .menu .menu-item.highlighted{color:var(--primary-color)}.home-container .content .menu .menu-item.highlighted .line{background:var(--primary-color);width:55px}.home-container .content .menu .menu-item:hover{cursor:pointer;color:var(--primary-color)}.home-container .content .menu .menu-item:hover .line{background:var(--primary-color);width:55px}.home-container .content .info .section-title{color:var(--font-color);display:none;text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:2px;background-color:var(--dark-background);padding:1% 3%}.home-container .content .info .section-title.stuck{background-color:var(--card-background)}.home-container .content .info .projects{display:inline-block;padding-bottom:7%;padding-top:3%}.home-container .content .info .articles{max-width:530px;display:flex;justify-content:flex-start;flex-grow:1;flex-wrap:wrap;padding-bottom:7%;padding-top:3%}.home-container .footer{width:1100px;padding:10px 1%}.home-container .footer .contact{display:flex;flex-direction:column;font-size:14px;font-weight:600}.home-container .footer .contact .contact{color:var(--primary-color)}.home-container .footer .contact .email{color:var(--font-color)}@media (max-width: 1100px){.home-container .landing .landing-content{padding-top:5%}.home-container .landing .landing-content .circle{width:300px;height:300px;padding:40px}}@media (max-width: 1100px) and (max-width: 768px){.home-container .landing .landing-content .landing-img{display:none}}@media (max-width: 1100px) and (max-width: 768px){.home-container .landing .landing-content .landing-info{display:flex;justify-content:center}}@media (max-width: 1100px){.home-container .landing .landing-content .landing-info .name{font-size:37px}.home-container .landing .landing-content .landing-info .occupation{font-size:18px}.home-container .landing .landing-content .landing-info .description{font-size:16px}.home-container .content{width:100%;justify-content:center}.home-container .content .menu{display:none}.home-container .content .info .section-title{display:block;position:sticky;top:0;z-index:2}.home-container .content .info .projects{width:100%;display:flex;flex-direction:column;align-items:center}.home-container .content .info .articles{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.home-container .footer{width:100%}}.project.card{background-color:var(--card-background);padding:2% 7%;margin:15px 0;border-radius:10px;transition:transform .3s ease;position:relative}.project.card:hover{cursor:pointer;transform:scale(1.2);z-index:1}.project.card.grayscale{filter:brightness(.7) grayscale(.3)}.project.card .language{color:var(--primary-color);text-transform:uppercase;font-size:16px;font-weight:700;letter-spacing:3px}.project.card .title{font-size:28px;font-weight:600;letter-spacing:1px}.project.card .description{font-size:18px;color:var(--sub-font-60);font-weight:500;line-height:auto}.article.card{background-color:var(--card-background);padding:2% 0% 4% 2%;margin:5px;border-radius:10px;transition:transform .3s ease;min-width:230px;max-width:230px;position:relative}.article.card.down{transform:translateY(50px)}.article.card:hover{cursor:pointer;transform:scale(1.2);z-index:1}.article.card.grayscale{filter:brightness(.7) grayscale(.3)}.article.card .topic{color:var(--primary-color);letter-spacing:3px;font-size:14px;text-transform:uppercase;font-weight:700}.article.card .date{color:var(--sub-font-60);font-size:16px;font-weight:700}.article.card .title{margin-top:20%;font-weight:700;font-size:24px}.article.card .link{margin-top:3%;display:flex;font-size:16px;text-align:start;color:var(--font-color);text-decoration:none}.article.card .link img{padding:1% 2%}@media (max-width: 1100px){.project.card{width:80%;margin:3px 0}.project.card .language{font-size:12px}.project.card .title{font-size:20px}.project.card .description{font-size:14px}.article.card{min-width:unset;max-width:unset;width:80%;margin:3px 0;padding:2% 7%}.article.card.down{transform:none}.article.card .topic{font-size:12px}.article.card .date{font-size:14px}.article.card .title{margin:0;font-size:20px}.article.card .link{font-size:14px}}body{margin:0;padding:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh}#root,.page-container{height:100%;width:100%}