*{box-sizing:border-box;border:none;outline:0;margin:0;padding:0}:root{--bg-sidebar:#040b14;--bg-content:#f5f5f5;--bg-home-content:#e5f4fe;--text-color:#f5f5f5;--surface-color:#151f2b;--nav-btn-color:#a8a9b4;--btn-hover-color:#3f87f6;--bg-btn-second-grey:#f1f9fe;--bg-hamburger-icon:#f2f2f2}html{scroll-behavior:smooth}body{background:0 0;flex-direction:column;width:100%;min-height:100vh;display:flex}.container{width:100%;height:100vh;display:flex;overflow:hidden}.horizontal-menu{z-index:999;backdrop-filter:blur(10px);background-color:#fff;border-bottom:2px solid #ffffff1a;width:100dvw;height:min-content;padding:5px 15px;display:none;position:fixed;top:0;left:0;& .decorated-text{color:#3b82f6;font-family:Pacifico,cursive;font-size:30px;text-decoration:none}}.hamburger-icon{cursor:pointer;background:0 0;border-radius:50%;width:55px;height:55px;transition:all .3s;& img{width:45px;height:45px}}.hamburger-icon:hover{transform:scale(1.1)}.sidebar{background-color:var(--bg-sidebar);width:300px;color:var(--text-color);z-index:9999;height:100%;padding:10px 20px;position:fixed;top:0;left:0;overflow-y:auto;& .collapse-sidebar{cursor:pointer;background:0 0;transition:transform .2s ease-in-out;display:none;position:absolute;top:10px;right:10px}& .collapse-sidebar:hover{transform:scale(1.2)}& .profile{flex-direction:column;justify-content:center;align-items:center;display:flex;& h1{color:var(--text-color);font-family:Raleway,sans-serif;font-size:25px;font-weight:700}}& .profile-img{background:var(--bg-content);border:8px solid #292f37;border-radius:50%;width:150px;height:150px;margin:20px auto;display:block}& .social-icons{justify-content:center;align-items:center;gap:10px;width:100%;margin-block:20px;display:flex}& .social-icons a{background-color:#292f37;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 2px;transition:all .3s;display:inline-flex;& img{width:25px;height:25px}}& .social-icons a:hover{border-color:var(--bg-content)}& .nav-links{z-index:1000;flex-direction:column;width:100%;padding-top:15px;list-style:none;display:flex}& .nav-links li{margin:7.5px 0}& .nav-link{width:max-content;color:var(--nav-btn-color);white-space:nowrap;cursor:pointer;justify-content:flex-start;align-items:center;gap:10px;padding:15px 10px;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;text-decoration:none;display:inline-flex}& .nav-link.active,& .nav-link:hover{color:var(--text-color)}& .nav-icon{width:27.5px;height:27.5px;transition:filter}& .nav-link.active .nav-icon,& .nav-link:hover .nav-icon{filter:brightness(0)saturate()invert()}}.content{background-color:var(--bg-content);width:calc(100% - 300px);min-height:100vh;margin-left:300px;overflow-y:auto}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:10px}@media only screen and (width<=767px){.horizontal-menu{padding:0 5px;display:inline-flex;& div{margin:0 auto}}.sidebar{z-index:1000;width:300px;transition:transform .3s ease-in-out;transform:translate(-100%);& .collapse-sidebar{display:block}}.sidebar.active{transform:translate(0)}.content{width:100dvw;margin-left:0}.content::-webkit-scrollbar{display:none}}@media only screen and (width>=768px) and (width<=1023px) and (-webkit-device-pixel-ratio>=1){.horizontal-menu{display:inline-flex;& div{margin:0 auto}}.sidebar{z-index:1000;width:300px;transition:transform .3s ease-in-out;transform:translate(-100%);& .collapse-sidebar{display:block}}.sidebar.active{transform:translate(0)}.content{width:100dvw;margin-left:0;overflow-x:hidden}.content::-webkit-scrollbar{display:none}}.right-terminal{background:url(home-bg-img.a02735f3.webp) 50%/cover;justify-content:center;align-items:center;width:100%;height:100vh;padding:25px;font-family:Inter,sans-serif;display:flex;overflow-y:hidden}.hero-container{width:100%;display:flex}.recruitment-status{color:#111827;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;font-family:Inter,sans-serif;display:flex;& .status-body{background-color:var(--bg-home-content);width:100%;backdrop-filter:blur(4x);color:#334155;border-radius:12.5px;justify-content:flex-start;align-items:center;margin-bottom:15px;padding:7.5px 15px;display:flex}& .actively-looking{font-size:30px;font-weight:700}}.header-container{white-space:nowrap;background-color:var(--bg-home-content);width:100%;backdrop-filter:blur(4x);border-radius:12.5px;margin-bottom:15px;padding:7.5px 15px;font-size:2.75rem;& span{color:#3b82f6}}.home-description{background-color:var(--bg-home-content);width:100%;backdrop-filter:blur(4x);border-radius:12px;margin-bottom:15px;padding:7.5px 15px;font-size:20px}.home-buttons{justify-content:flex-start;width:100%;display:inline-flex}.project-section{color:var(--btn-hover-color);background-color:var(--bg-btn-second-grey);border:2.5px solid var(--btn-hover-color);border-radius:7px;justify-content:center;align-items:center;margin-right:15px;padding:10px 15px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .3s;display:inline-flex}.project-section:hover{transform:translateY(-2.5px)}.notification-status{border:2px solid #0000;border-radius:50%;width:18px;height:18px;margin-right:15px;animation:1s infinite alternate flicker}@keyframes flicker{0%{background-color:#0c0;box-shadow:0 0 4px #0c0}50%{background-color:#0f0;box-shadow:0 0 10px #0f0,0 0 15px #0f0}to{background-color:#0c0;box-shadow:0 0 4px #0c0}}.typewriter{justify-content:center;align-items:center;width:100%;display:flex;& img{border:3px solid var(--bg-btn-second-grey);border-radius:50%;width:300px;height:300px}}@media only screen and (width<=767px){.right-terminal{width:100dvw;height:100%;min-height:100dvh;max-height:max-content;padding:10px}.hero-container{flex-direction:column}.recruitment-status{margin-top:60px;margin-bottom:10px;font-family:Inter,sans-serif;& .actively-looking{font-size:20px}}.header-container{white-space:wrap;font-size:1.3rem}.home-buttons{justify-content:center}.project-section,.resume-download{padding:7.5px 12.5px;font-size:16px}.notification-status{width:16px;height:16px;margin-right:10px}.typewriter{margin-block:15px}}@media only screen and (width>=768px) and (width<=1024px){.right-terminal{width:100vw;height:100%;min-height:100dvh;max-height:max-content;padding:10px;overflow-x:hidden}.recruitment-status{margin:75px auto 10px 10px;font-family:Roboto,sans-serif}.header-container{font-size:36px}}.terminal-window{width:100%;min-width:320px;max-width:800px;height:max-content;color:var(--nav-btn-color);backdrop-filter:blur(8px);background-color:#0f0f1ee6;border:2px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;margin:2rem auto;font-family:Fira Mono,monospace;font-style:normal;display:flex;box-shadow:0 8px 30px #0000001f}.info-header{background-color:#000;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding:.6rem 1rem;display:flex;& .header-title{text-align:center;flex-grow:1;margin-right:1rem;font-family:Roboto,sans-serif}& .window-controls{gap:8px;display:flex;& .dot{border-radius:50%;width:12px;height:12px;display:inline-block}& .close{background-color:#ff5f56}& .minimize{background-color:#ffbd2e}& .maximize{background-color:var(--color-green-terminal)}}& h2{text-align:center;color:#c084fc;flex-grow:1;font-size:1.1rem;transform:translate(-15px)}}.info-body{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:1rem 1.5rem;font-family:Fira Mono,monospace;display:flex;& .about-me{text-align:left;width:100%;margin:10px auto 25px;font-size:18px;font-weight:700}& p{text-align:left;width:100%;margin:5px auto;font-weight:700}& ul{width:100%;margin:5px auto;list-style-type:none}& .list-item{color:var(--btn-hover-color);margin:5px 0;font-size:1rem}& .command{color:var(--nav-btn-color);font-size:18px;font-weight:700;& span{color:#27c93f;padding:0 7.5px 0 3px;font-style:italic}}}.input-line{justify-content:flex-start;align-items:center;width:100%;margin:10px auto 20px;padding-left:15px;display:flex;& .prompt{color:var(--btn-hover-color);margin-right:7.5px;font-weight:700}}.input-wrapper{flex:1;position:relative}#command-input{color:var(--color-green-terminal);font:inherit;background:0 0;border:none;outline:none;width:100%;font-weight:700}.info-footer{color:#3d65d3;background-color:#000;border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;font-family:Poppins,sans-serif;display:flex}.fade-in-section{opacity:0;filter:blur(5px);will-change:opacity,transform;transition:opacity 1.5s ease-out,transform 1.5s ease-out;transform:translate(-20%)}.intro.fade-in-section,.goal.fade-in-section{transition:opacity 1.8s ease-out,transform 1.8s ease-out;transform:translate(-50%);filter:none!important}.fade-in-section.visible{opacity:1;filter:blur();transform:translate(0%)}@media (prefers-reduced-motion:reduce){.fade-in-section,.fade-in-section.visible{opacity:1!important;transition:none!important;transform:none!important}}.resume-download{color:var(--text-color);background-color:#007acc;border-radius:7px;justify-content:center;align-items:center;padding:7.5px 15px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;& img{width:30px;height:30px;margin-right:5px}}.resume-download:hover{background-color:#1d4ed8;transform:translateY(-2.5px)}.about-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;min-height:100vh;max-height:max-content;padding:25px 50px;font-family:Roboto,sans-serif;display:flex;overflow-y:hidden;& .about-details{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;margin:20px auto;display:flex}}.about-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;padding-top:5px;display:flex;& .frontend-skill,& .extra-skill{background-color:#ffffff1a;border-radius:15px;width:100%;margin:20px 0 0;padding:10px 15px;box-shadow:0 8px 32px #1f26875e}& .skill-header{justify-content:flex-start;align-items:center;gap:10px;margin-bottom:10px;font-size:20px;font-weight:700;display:flex;& img{background-color:#dbeafe;border-radius:50%;width:45px;height:45px;padding:7.5px}}& .skill-body{flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;display:flex}& li{color:#d1d5db;background-color:#1f2937;border-radius:7.5px;justify-content:center;align-items:center;margin:5px 10px;padding:7.5px 12.5px;font-size:18px;font-weight:500;display:inline-flex}}.chart-wrapper{backdrop-filter:blur(12px);background-color:#ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:300px;padding:10px 15px;display:flex;box-shadow:0 8px 32px #1f26875e;& h3{padding:10px 0 5px 5px;font-size:22px;font-weight:700}}#radar-chart{width:400px;height:300px;margin:0 auto}.intro{color:#334155;text-align:justify;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:100%;margin:20px auto;padding:15px;font-size:18px;line-height:1.5;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000000f}.intro:hover{box-shadow:0 6px 18px #0000001a}.section-name{border-bottom:3px solid #007acc;margin-bottom:20px;font-family:Raleway,sans-serif;font-size:32px}.skill-container{width:100%;max-width:50rem;margin:20px auto;font-family:Roboto;position:relative;overflow:hidden}.inner{flex-wrap:nowrap;width:fit-content;animation:12s linear infinite loop;display:flex}.tag{white-space:nowrap;flex-shrink:0;align-items:center;gap:0 .2rem;margin-right:1rem;padding:.7rem 1rem;display:inline-flex}.skill-logo{width:40px;height:40px}.fade{pointer-events:none;position:absolute;inset:0}@keyframes loop{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=767px){.about-container{width:100dvw;height:100%;min-height:100dvh;max-height:max-content;padding:20px 10px;overflow-x:hidden}.section-name{border-bottom-color:#007acc}.intro{margin:5px auto!important}.about-image{width:100%;margin:0 auto}.about-details{flex-direction:column;justify-content:center;align-items:center}.about-content{justify-content:center;align-items:center;width:100%;height:max-content;margin:15px 5px 5px 0;& .skill-header{text-align:center;width:100%;margin:5px auto}& .skill-body{justify-content:center;align-items:center;width:100%}& li{font-size:18px!important}}.skill-container{width:100%;max-width:25rem}.chart-wrapper{padding:5px;overflow-x:scroll}#radar-chart{width:350px;height:300px;margin-top:10px}}@media only screen and (width>=768px) and (width<=1024px){.about-container{width:100dvw;max-width:max-content;height:100%;min-height:100dvh;padding:25px}}.project-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;min-height:100vh;max-height:max-content;padding:25px 50px;font-family:Roboto,sans-serif;display:flex;overflow-y:hidden}.project-section-description{color:#334155;text-align:center;width:100%;font-size:18px}.project-grid{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:25px;display:flex}.project-card{background-color:#292f37;border-radius:12px;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:20px;padding:10px 15px;display:flex;& .project-name-and-link{justify-content:flex-start;align-items:center;gap:15px;width:100%;display:inline-flex;& h3{white-space:nowrap;color:var(--text-color);font-size:1.5rem}}& .screenshot{border-radius:.75rem;width:400px;height:250px}}.project-description{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;margin-left:20px;display:flex;& p{color:#d1d5db;font-size:1rem;line-height:1.25}& ul{color:#d1d5db;gap:20px;font-size:20px;list-style:none;display:flex}}.project-links{justify-content:flex-start;align-items:center;gap:25px;width:100%;display:inline-flex;& a,& p{color:var(--text-color);background-color:#007acc;border-radius:7px;padding:7.5px 15px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s}& a{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:inline-flex}& a:hover{background-color:#1d4ed8;transform:translateY(-2.5px)}}.github-logo,.redirect-logo{object-fit:contain;flex-grow:0;flex-shrink:0;width:25px;height:25px}@media only screen and (width>=768px) and (width<=1024px){.project-container{width:100dvw;height:100%;min-height:100dvh;max-height:max-content;padding:25px}.project-card{width:100%;& img{margin:auto 0}}.project-description{gap:5px;margin-left:15px;& h3{font-size:22px}& p{text-align:justify;font-size:16px;line-height:normal}& ul{font-size:18px;font-weight:500}}}@media only screen and (width<=767px){.project-container{width:100dvw;height:100%;min-height:100dvh;max-height:max-content;padding:20px 10px}.project-section-description{text-align:justify}.project-card{flex-direction:column;gap:15px;width:100%;& .project-name-and-link{justify-content:flex-start;align-items:center;gap:10px;width:100%;display:inline-flex;& h3{white-space:nowrap;font-size:1rem}}& .screenshot{width:100%;min-width:265px;height:100%;min-height:200px;max-height:450px}}.project-description{gap:5px;margin-left:0;& h3{margin:0 auto;font-size:1.25rem;font-weight:600}& p{text-align:justify;font-size:1rem;line-height:normal}& ul{gap:10px;margin:0 auto 5px;font-size:18px;font-weight:500}}.project-links{justify-content:center}.project-links>a{justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-size:.875rem;display:inline-flex}.github-logo,.redirect-logo{width:20px!important;height:20px!important}}.contact-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;min-height:100dvh;max-height:max-content;padding:25px 50px;font-family:Roboto,sans-serif;display:flex;overflow-y:hidden}.contact-grid{justify-content:center;align-items:stretch;gap:20px;width:100%;margin-block:25px;display:flex}.contact-info,.send-message{background-color:#ffffff1a;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:100%;padding:10px 15px;display:flex;box-shadow:0 8px 32px #1f26875e;& h3{margin:5px auto;font-size:24px;font-weight:700}}.personal-detail{justify-content:flex-start;align-items:center;gap:10px;width:100%;margin:10px 0;display:flex;& img{background-color:#dbeafe;border-radius:50%;width:50px;height:50px;padding:7.5px}}.location-map{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.location-map iframe{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.contact-form{width:100%;padding:0 10px}.form-element{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:100%;height:max-content;margin:10px 0;display:flex}.form-element input,.form-element textarea{border:2px solid #ccc;border-radius:7.5px;width:100%;padding:7.5px 10px;font-size:18px}.form-element input:focus,.form-element textarea:focus{border-color:#3b82f6}.submit-btn{width:100%;color:var(--text-color);cursor:pointer;background-color:#3b82f6;border-radius:7.5px;margin-top:7.5px;padding:10px 15px;font-size:16px;transition:all .3s ease-in-out}.submit-btn:hover{background-color:#1d4ed8}.footer{background-color:#292f37;width:100%;height:150px}.footer-container{width:100%;color:var(--text-color);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:50px 25px;display:inline-flex}.footer-container p{font-size:1rem}.footer-container div{justify-content:flex-start;align-items:center;gap:10px;display:inline-flex;& a{color:var(--text-color);font-size:20px;text-decoration:none;transition:transform .3s ease-in-out}}.footer-container img{width:30px;height:30px}.social-icons-link a:hover{transform:scale(1.15)}@media only screen and (width<=767px){.contact-container{width:100dvw;padding:20px 10px;overflow:hidden}.contact-grid{flex-wrap:wrap}.footer-container{justify-content:center;gap:10px;padding:20px}.footer-container img{width:25px;height:25px}}
/*# sourceMappingURL=path0.eaf5cbe3.css.map */