@import"https://fonts.googleapis.com/css2?family=Heebo&display=swap";:root{--app-gray-default: #ffffff;--app-gray-50: #f9fafb;--app-gray-100: #f3f4f6;--app-gray-200: #e5e7eb;--app-gray-300: #d1d5db;--app-gray-400: #9ca3af;--app-gray-500: #6b7280;--app-gray-600: #4b5563;--app-gray-700: #374151;--app-gray-800: #1f2937;--app-gray-900: #111827;--app-gray-950: #030712;--app-info-box: #ffffff}.dark{--app-gray-default: #030712;--app-gray-50: #111827;--app-gray-100: #1f2937;--app-gray-200: #374151;--app-gray-300: #4b5563;--app-gray-400: #6b7280;--app-gray-500: #9ca3af;--app-gray-600: #d1d5db;--app-gray-700: #e5e7eb;--app-gray-800: #f3f4f6;--app-gray-900: #f9fafb;--app-gray-950: #ffffff;--app-info-box: #111827}html,body{width:100%;margin:0;padding:0;display:flex;flex-direction:column;font-family:Inter;font-size:16px;color:var(--app-gray-600);background-color:var(--app-gray-default);overflow-x:hidden}.inner-body{width:80%;margin-left:auto;margin-right:auto}@font-face{font-family:Inter;src:url(/Portfolio/assets/Inter_18pt-Medium-BtfNrkJj.ttf)}@font-face{font-family:Inter-Bold;src:url(/Portfolio/assets/Inter_18pt-Bold-Du8giq-C.ttf)}.clickable-icon{height:25px;width:25px;padding:5px;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.clickable-icon:hover{background-color:var(--app-gray-200)}.clickable-icon:active{background-color:var(--app-gray-100)}#infotag{display:inline-flex;font-family:Inter;background-color:var(--app-gray-200);color:var(--app-gray-600);padding:10px;border-radius:15px;margin-left:auto;margin-right:auto}#skill-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}#skill-icon img{height:100px;width:100px;cursor:pointer;transition:transform .2s ease}#skill-icon img:hover{transform:scale(1.1)}#skill-icon img:active{transform:scale(.9)}@media (max-width: 1024px){.inner-body{width:90%}#skill-icon img{height:75px;width:75px}}@media (max-width: 768px){#skill-icon img{height:50px;width:50px}}#navbar{width:100%;display:flex;justify-content:center;top:0;z-index:30;background-color:var(--app-gray-default);position:fixed}#navbar.scrolled{box-shadow:0 2px 10px #0000001a}.dark #navbar.scrolled{box-shadow:none;border-bottom:1px solid var(--app-gray-100)}#nav-menu{display:flex;flex-direction:row;justify-content:space-between;margin-top:16px;margin-bottom:16px;align-items:center;gap:4rem}#nav-menu-left{color:var(--app-gray-900);font-family:Inter-Bold;font-size:20px;white-space:nowrap}#nav-menu-right{display:flex;flex-direction:row;gap:2rem;align-items:center}#nav-menu-right-scenes{display:flex;flex-direction:row;gap:4rem;align-items:center}#nav-menu-right-divider{width:1px;height:30px;background-color:var(--app-gray-100)}#sun{height:25px;width:25px}#nav-menu-right-buttons{display:flex;flex-direction:row;gap:2rem;align-items:center}.nav-menu-item{font-family:Inter;color:var(--app-gray-600);font-size:16px;display:flex;text-align:center;cursor:pointer}.nav-menu-item.active{color:var(--app-gray-950)}#resume-button{background-color:var(--app-gray-900);border:none;color:var(--app-gray-50);font-family:Inter;font-size:16px;padding:15px;border-radius:15px;cursor:pointer;transition:background-color .2s ease}#resume-button:hover{background-color:var(--app-gray-600)}#resume-button:active{background-color:var(--app-gray-800)}#mobile-menu-wrapper{position:fixed;width:100%;height:100%;background-color:var(--app-gray-default);z-index:4}#mobile-menu{position:fixed;right:0;bottom:0;z-index:5;height:100%;width:300px;background-color:var(--app-gray-default);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;display:flex;flex-direction:column;border-left:1px solid var(--app-gray-200)}.dark #mobile-menu{box-shadow:none}#mobile-menu-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--app-gray-200)}#mobile-menu-mid{display:flex;flex-direction:column;gap:1rem;padding:20px;border-bottom:1px solid var(--app-gray-200)}#mobile-menu-bot{display:flex;flex-direction:column;gap:2rem;padding:20px}#mobile-menu-bot-theme{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media (max-width: 1024px){#nav-menu-right{gap:1rem}}#intro-body{background-color:var(--app-gray-default)}#intro-inner-body{display:flex;flex-direction:row;justify-content:space-between;padding-top:8rem;padding-bottom:4rem;align-items:center}#intro-left{width:60%;display:flex;flex-direction:column;justify-content:space-between}#intro-left-text{display:flex;flex-direction:column;gap:2rem}#intro-left-text-main{font-family:Inter-Bold;font-size:72px;color:var(--app-gray-900)}#intro-left-info{display:flex;flex-direction:column;gap:.25rem}.intro-left-info-item{display:flex;flex-direction:row;align-items:center;gap:.5rem}#green-circle-wrapper{height:25px;width:25px;display:flex;align-items:center;justify-content:center}#location{width:25px;height:25px}#green-circle{width:10px;height:10px;background-color:#10b981;border-radius:50%}#intro-left-links{display:flex;flex-direction:row;gap:1rem}#pic-wrapper{display:inline-flex;padding-right:42px;padding-bottom:42px}#pic{width:300px;height:300px;border-radius:50%;border:10px solid var(--app-gray-default);z-index:2}#img-shadow{position:absolute;width:300px;height:300px;background-color:var(--app-gray-200);transform:translate(10%) translateY(10%);border-radius:50%;z-index:0;border:10px solid transparent}@media (max-width: 768px){#intro-left-text-main{text-align:center}#intro-inner-body{width:100%;flex-flow:column-reverse}#intro-left,#intro-right{width:90%}}#aboutme-body{background-color:var(--app-gray-50)}#aboutme-inner-body{display:flex;flex-direction:row;justify-content:space-between;gap:32px;padding-top:4rem;padding-bottom:4rem;align-items:center}#aboutme-left{width:40%;display:flex;justify-content:center}#pic2-wrapper{display:inline-flex;padding-bottom:75px;padding-left:37px}#pic2{width:373.83px;height:750px;z-index:2;border:10px solid var(--app-gray-50)}#img-shadow2{position:absolute;width:373.83px;height:750px;background-color:var(--app-gray-200);transform:translate(-10%) translateY(10%);z-index:1;border-radius:5px;border:10px solid transparent}#aboutme-right{margin-top:2rem;margin-bottom:2rem;justify-content:space-between;display:flex;flex-direction:column;gap:2rem;width:60%}#aboutme-right-info{justify-content:center;display:flex;flex-direction:column;gap:1rem;width:100%}@media (max-width: 1024px){#aboutme-inner-body{width:90%;flex-direction:column}#aboutme-left,#aboutme-right{width:90%}}@media (max-width: 768px){#aboutme-inner-body{width:90%;flex-direction:column}#aboutme-left,#aboutme-right{width:100%}#pic2-wrapper{padding-bottom:67.5px;padding-left:33.66px}#pic2,#img-shadow2{width:300px;height:601.88px}}.infobox{display:flex;flex-direction:row;padding:20px;border-radius:15px;box-shadow:0 4px 10px #0000001a;justify-content:space-between;gap:32px}#infobox-aboutme{background-color:var(--app-gray-default)}#infobox-projects{background-color:var(--app-info-box)}#infobox-left{width:25%;display:flex;justify-content:center;align-items:center}#infobox-mid{width:50%}#infobox-mid-header{font-size:25px;font-family:Inter-Bold}#infobox-mid-desc{font-size:18px;margin-top:10px}#infobox-mid-bullets ul{padding-left:20px;margin-top:10px}#infobox-mid-bullets li{margin-bottom:10px}#infobox-right{width:25%;display:flex;flex-direction:column;justify-content:space-between}#open-wrapper{display:flex;justify-content:right}#open{width:35px;height:35px}.infobox-small{display:flex;flex-direction:column;padding:20px;border-radius:15px;box-shadow:0 4px 10px #0000001a;justify-content:space-between;gap:20px}#infobox-small-top{display:flex;flex-direction:row;justify-content:center;height:20%}#infobox-small-mid{display:flex;flex-direction:row;justify-content:space-between;align-content:center}#infobox-small-mid-left{align-content:center}#infobox-small-bot{display:flex;flex-direction:column}#image{position:relative;max-width:90%}@media (max-width: 768px){#image{max-width:70%}}#project-body{background-color:var(--app-gray-default)}#projects-inner-body{width:1000px;padding-top:4rem;padding-bottom:4rem;display:flex;flex-direction:column;justify-content:center;gap:3rem}#projects-top{display:flex;flex-direction:column;justify-content:center;gap:2rem}#projects-top-text{font-family:Inter;font-size:32px;text-align:center}#project-boxes{display:flex;flex-direction:column;justify-content:center;gap:2rem}@media (max-width: 1280px){#projects-inner-body{width:90%;flex-direction:column}}#skills-body{background-color:var(--app-gray-50)}#skills-inner-body{display:flex;flex-direction:column;justify-content:center;gap:3rem;padding-top:4rem;padding-bottom:4rem}.skill-type{display:flex;flex-direction:column;justify-content:center;gap:2rem}.skill-icons{display:flex;flex-direction:row;justify-content:center;gap:5rem;flex-wrap:wrap}#contact-body{background-color:var(--app-gray-default)}#contact-inner-body{display:flex;flex-direction:column;justify-content:center;padding-top:4rem;padding-bottom:4rem;gap:2rem}#contact-text{display:flex;flex-direction:column;gap:.5rem;text-align:center;font-size:20px}#contact-email,#contact-icons{display:flex;flex-direction:row;justify-content:center}#contact-email div{font-size:28px}#contact-email img{width:40px;height:40px}#contact-icons{gap:2rem}#contact-icons img{width:50px;height:50px}#footer-body{background-color:var(--app-gray-50)}#footer-inner-body{font-size:12px;display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center;padding:1.5rem}#footer-inner-body a{color:var(--app-gray-600);text-decoration:none;transition:color .2s ease}#footer-inner-body a:hover,#footer-inner-body a:active{color:var(--app-gray-950);text-decoration:none}#footer-divider{width:1px;height:15px;background-color:var(--app-gray-600)}#up{display:flex;flex-direction:row;align-items:center;gap:.5rem}#up img{width:30px;height:30px}