._homepageContainer_12zqw_1{padding:20px;width:100%;height:100%}._socials_12zqw_7{list-style:none;display:flex;justify-content:end;gap:15px;margin:20px 0 0}._socials_12zqw_7 li{display:flex}._socials_12zqw_7 a{width:40px;height:40px;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1);transition:transform .3s ease-in}._socials_12zqw_7 a:hover{transform:scale(1.2)}#_linkedin_12zqw_1{background-image:url(/images/linkedin.svg)}#_mail_12zqw_1{background-image:url(/images/mail.svg)}#_github_12zqw_1{background-image:url(/images/github.svg)}._srOnly_12zqw_46{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._infoContainer_12zqw_58{display:flex;flex-direction:column;gap:20px;margin-inline:50px;margin-bottom:30px}._infoTextImage_12zqw_66 img{grid-area:image;max-width:15vw;max-height:15vw;min-width:150px;min-height:150px;width:100%;height:100%;border-radius:100%;object-fit:cover}._infoTextImage_12zqw_66{display:grid;grid-template-areas:"textHeader image" "borderText image";align-items:center}._infoTextImage_12zqw_66 h1{grid-area:textHeader;font-size:clamp(3rem,6vw,6rem);margin-bottom:10px;margin-top:30px}._textWithBorder_12zqw_92{grid-area:borderText;border-left:3px solid;border-image-source:linear-gradient(to bottom,var(--yellowColor),var(--greenColor));border-image-slice:1;border-radius:5px;padding-left:10px;font-size:1.3rem;max-width:90%}._textWithBorder_12zqw_92 strong{font-size:2rem}._skillsLinksContainer_12zqw_107{display:flex;justify-content:space-between;gap:13%}._skillsContainer_12zqw_113{display:grid;gap:50px;margin-left:10px;grid-template-areas:"skillsHeader skillsHeader" "design hosting" "coding coding"}._skillsContainer_12zqw_113 h2{grid-area:skillsHeader;margin:20px 0 0}._projectLinksContainer_12zqw_128{width:25%}._projectLinksContainer_12zqw_128 h2{margin:0;padding-top:60px;font-size:2rem;text-transform:uppercase;color:var(--greenColor);border-bottom:2px solid;border-image:linear-gradient(135deg,var(--yellowColor),var(--greenColor));border-image-slice:1;padding-bottom:.4rem}._projectList_12zqw_144{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}._projectItem_12zqw_153{position:relative;padding:.6rem .4rem;border-bottom:2px solid transparent;border-image:linear-gradient(135deg,var(--yellowColor),var(--greenColor));border-image-slice:1;cursor:pointer;transition:all .25s ease-in-out;background:#ffffff05;border-radius:.3rem;overflow:hidden}._projectItem_12zqw_153:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--yellowColor),var(--greenColor));opacity:0;transition:opacity .3s ease;z-index:0}._projectItem_12zqw_153:hover:before{opacity:.12}._projectInfo_12zqw_180{position:relative;z-index:1}._projectInfo_12zqw_180 h3{font-size:1.3rem;font-weight:600;margin:0;background:linear-gradient(135deg,var(--yellowColor),var(--greenColor));background-clip:text;-webkit-background-clip:text;color:transparent;transition:letter-spacing .2s ease}._projectItem_12zqw_153:hover h3{letter-spacing:.03em}._projectInfo_12zqw_180 p{font-size:.95rem;margin:.25rem 0 0;opacity:.75;line-height:1.4;transition:opacity .3s ease}._projectItem_12zqw_153:hover p{opacity:1}@media screen and (max-width:800px){._homepageContainer_12zqw_1{width:100%;min-width:90%;min-height:90%}._infoContainer_12zqw_58{flex-direction:column;margin-inline:0}._textWithBorder_12zqw_92{border-left:0;padding-left:0;max-width:100%}._infoTextImage_12zqw_66{display:flex;flex-direction:column;align-items:start}._infoTextImage_12zqw_66 img{max-width:200px;max-height:200px}._skillsLinksContainer_12zqw_107{flex-direction:column;width:90%}._skillsContainer_12zqw_113{display:flex;flex-direction:column;width:100%}._projectLinksContainer_12zqw_128{width:100%}}._skillCategory_ddc2f_2{display:flex;flex-direction:column;gap:10px}._skillCategory_ddc2f_2 h3{margin:0;font-size:1.3rem;font-weight:600}._skillGrid_ddc2f_15{display:flex;flex-wrap:wrap;gap:15px;padding:10px;border-top:4px solid;border-right:4px solid;border-image-source:linear-gradient(135deg,var(--yellowColor) 1%,var(--greenColor) 100%);border-image-slice:1;border-radius:8px;transition:border-color .3s ease-in}._skillGrid_ddc2f_15 a{width:55px;height:55px;background-position:center;background-repeat:no-repeat;background-size:contain;transform:scale(1);transition:transform .25s ease,filter .25s ease}._skillGrid_ddc2f_15 a:hover{transform:scale(1.15)}@media(max-width:800px){._skillGrid_ddc2f_15{justify-content:flex-start;gap:10px;padding:8px;border-width:3px}._skillGrid_ddc2f_15 a{width:45px;height:45px}}._projectContainer_ro6mp_1{padding:20px;width:80%;height:100%;min-width:80%}._topNav_ro6mp_8{display:flex;justify-content:space-between;align-items:center;margin-top:10px}._topNav_ro6mp_8 button{height:50px;width:50px;background-image:url(/images/backArrow.svg);background-position:center;background-size:contain;border:none;border-radius:3px;background-color:#0000;transform:scale(1);transition:transform .5s ease-in}._topNav_ro6mp_8 button:hover{cursor:pointer;transform:scale(1.2)}._socials_ro6mp_33{list-style:none;display:flex;justify-content:end;gap:15px;margin:0}._socials_ro6mp_33 li{display:flex}._socials_ro6mp_33 a{width:40px;height:40px;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1);transition:transform .3s ease-in}._socials_ro6mp_33 a:hover{transform:scale(1.2)}#_linkedin_ro6mp_1{background-image:url(/images/linkedin.svg)}#_mail_ro6mp_1{background-image:url(/images/mail.svg)}#_github_ro6mp_142{background-image:url(/images/github.svg)}._projectInfo_ro6mp_71{margin-inline:auto;display:flex;flex-direction:column}._projectInfo_ro6mp_71 h1{font-size:4rem;margin:0 0 10px}._iframeContainer_ro6mp_83{position:relative;width:100%;min-height:400px;transition:all .5s ease-in}iframe{position:relative;width:100%;min-height:400px;border:5px solid;border-image-source:linear-gradient(to bottom,var(--yellowColor),var(--greenColor));border-image-slice:1;transition:all .5s ease-in}#_fullScreen_ro6mp_109,._fullScreen_ro6mp_109{position:absolute;width:100%;min-height:90vh;z-index:1;top:0;left:0}._iframeContainer_ro6mp_83 button{position:absolute;height:50px;width:50px;background-color:var(--zoomButton);background-position:center;background-repeat:no-repeat;border:none;border-radius:3px;z-index:10;transform:scale(1);transition:transform .3s ease-in}._iframeContainer_ro6mp_83 button:hover{transform:scale(1.2)}._fullscreenButton_ro6mp_136{background-size:contain;bottom:20px;right:20px}._githubButton_ro6mp_142{bottom:20px;right:80px;background-image:url(/images/githubBlack.svg);background-size:80%}._buttonPlus_ro6mp_149{background-image:url(/images/zoomIn.svg)}._buttonMinus_ro6mp_153{background-image:url(/images/zoomOut.svg)}._iframeContainer_ro6mp_83 button:hover{cursor:pointer}._bottomSection_ro6mp_161{display:flex;justify-content:space-between}._bottomSection_ro6mp_161 p{font-size:1.5rem;max-width:70%;margin-block:50px}._projectStackContainer_ro6mp_172{width:25%;margin-block:50px}._projectStackContainer_ro6mp_172 h2{margin-top:0;margin-bottom:0;font-size:3rem;text-wrap:nowrap}._stackList_ro6mp_184{position:relative;display:flex;flex-direction:column;list-style:none;margin-top:10px}._stackList_ro6mp_184:before{content:"";position:absolute;width:40%;height:60%;border-radius:3px;top:0;left:0;border-width:20px 0 0 20px;background:var(--cornerBordersColor);clip-path:polygon(100% 0%,100% 5px,5px 5px,5px 100%,0% 100%,0% 0%)}._stackList_ro6mp_184 li{border-bottom:3px solid;border-image-source:linear-gradient(135deg,var(--yellowColor) 1%,var(--greenColor) 100%);border-image-slice:1;margin-top:20px;font-size:2rem;transform:scale(1);transition:transform .3s ease-in}@media screen and (max-width:800px){._projectContainer_ro6mp_1{min-width:90%}._fullScreen_ro6mp_109{width:99%}._bottomSection_ro6mp_161{flex-direction:column}._bottomSection_ro6mp_161 p{max-width:100%}._projectStackContainer_ro6mp_172{width:90%}._iframeContainer_ro6mp_83{min-height:300px}}@font-face{font-family:metrophobic;src:url(/assets/Metrophobic-Regular-BXSI6hin.ttf)}:root{--mainFont: "metrophobic", "Courier New", Courier, monospace;--textColor: #9A9A9A;--mainBackground: linear-gradient(#0E0E0E 60%, #25381C);--yellowColor: #E8E375;--greenColor: #1E4F1D;--zoomButton: #000000;--cornerBordersColor: linear-gradient(135deg, var(--yellowColor) 1%, var(--greenColor) 35%)}html{min-height:100vh;scroll-behavior:smooth}body{background:var(--mainBackground);color:var(--textColor);box-sizing:border-box;font-family:var(--mainFont);height:100%}main{display:flex;justify-content:center;position:relative;margin-inline:auto;margin-bottom:30px;margin-top:30px;max-width:85vw;transition:max-width .5s ease-in-out}.overflow{overflow:hidden}.animation{overflow:hidden;max-width:0vw}main:before,main:after{content:"";position:absolute;width:30%;height:30%;border-radius:3px}main:before{top:0;left:0;border-width:20px 0 0 20px;background:var(--cornerBordersColor);clip-path:polygon(100% 0%,90% 20px,20px 20px,20px 90%,0% 100%,0% 0%)}main:after{bottom:0;right:0;border-width:0 20px 20px 0;background:var(--cornerBordersColor);clip-path:polygon(100% 0%,90% 20px,20px 20px,20px 90%,0% 100%,0% 0%);rotate:180deg}.author{text-align:center;margin:0;font-size:1.3rem}@media screen and (max-width:900px){main{margin-top:10px;max-width:95vw}main:before{clip-path:polygon(100% 0%,90% 10px,10px 10px,10px 90%,0% 100%,0% 0%)}main:after{clip-path:polygon(100% 0%,90% 10px,10px 10px,10px 90%,0% 100%,0% 0%)}.author{font-size:1rem}}