@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#1a1a1a;overflow-x:hidden}#root{width:100%;height:100%;padding:0!important;margin:0!important;max-width:none!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;margin:0 auto;text-align:center;scroll-behavior:smooth}html{scroll-behavior:smooth!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.scroll-down-wrapper{position:absolute;left:50%;bottom:0;transform:translate(-50%,-30%);z-index:20;transition:opacity .4s ease-in-out,visibility .4s}.scroll-down-wrapper.visible{opacity:1;visibility:visible}.scroll-down-wrapper.hidden{opacity:0;visibility:hidden}.scroll-down-circle{width:120px;height:120px;background-color:#f42c6f;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#f3efe0;font-family:Times New Roman,serif;font-size:1rem;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:1px;box-shadow:0 4px 15px #0006;cursor:pointer;animation:bounce 2s infinite}.scroll-down-circle:hover{color:#acacac;background-color:#a0234c;transition:.3s;animation-play-state:paused}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.about-section{position:relative;width:100%;min-height:auto;background-color:#f9c8ce;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:100px 420px 250px 380px;color:#1a1a1a;scroll-behavior:smooth!important}.about-container{display:flex;flex-direction:row;max-width:1280px;width:100%;justify-content:space-between;align-items:flex-start;gap:200px}.about-left{flex:1;padding-top:60px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.about-heading{font-family:Times New Roman,serif;font-size:4.5rem;font-weight:900;line-height:1.1;white-space:nowrap;margin-bottom:25px}.about-description{font-size:1.5rem;line-height:1.8;margin-bottom:4px;max-width:800px;color:#333;font-family:monospace}.Github-btn{display:inline-block;background-color:#ff5733;color:#fff;padding:13px 300px;border-radius:30px;text-decoration:none;font-weight:700;font-size:bold;font-size:1.1rem;transition:.3s ease}.Github-btn:hover{transform:scale(1.05);color:#bebebe;background-color:#b34229}.about-right{flex:1;display:flex;justify-content:center}.about-image-wrapper{position:relative;width:380px;height:500px;margin-top:20px}.about-white-bg{position:absolute;background-color:#fff;border-radius:200px;z-index:2;top:80px;right:5px;width:320px;height:320px}.about-pink-bg{position:absolute;top:30px;right:-30px;width:100%;height:100%;background-color:#f42c6f;z-index:1}.about-profile-img{position:absolute;top:-210px;left:35px;width:1100;height:600px;object-fit:cover;z-index:2;border-radius:10px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.badge{position:absolute;background-color:#fa0;color:#1a1a1a;padding:10px 40px;border-radius:25px;font-size:1.3rem;z-index:4}.birth-badge{top:24%;left:-40px}.nation-badge{bottom:140px;right:-90px}.contact-box{position:absolute;bottom:-100px;left:21%;transform:translate(-50px);width:100%;background-color:#1a1a1a;color:#f3efe0;padding:30px;z-index:5;text-align:center;box-shadow:0 10px 30px #0000004d;border-radius:0 0 12px 12px}.contact-box h3{font-family:Times New Roman,serif;font-size:2rem;margin-bottom:15px;letter-spacing:1px}.contact-box p{font-family:monospace;font-size:.9rem;margin-bottom:10px;line-height:1.5}.Soft-section{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:120px;padding:0 25px;transform:translateY(100px);z-index:10;gap:10px;position:relative}.soft-container{display:flex;flex-direction:row;justify-content:center;gap:100px;width:100%;max-width:2000px}.soft-card{display:flex;flex-direction:column;gap:12px;align-items:center}.soft-icon{width:65px;height:68px}.soft-text{font-size:1.4rem;font-family:monospace;color:#f42c6f;font-weight:700}.soft-title{font-size:1.2rem;font-family:monospace;display:flex;flex-direction:column;flex-wrap:wrap;color:#fff;width:320px;height:auto!important;text-align:center}.skills-section{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:300px;padding:0 25px;z-index:10;transform:translateY(30px);position:relative}.skills-title{font-family:Oswald,sans-serif;font-size:3.5rem;color:#f42c6f;margin-bottom:40px;text-align:center;letter-spacing:2px}.skills-cards-container{display:flex;flex-direction:row;justify-content:center;gap:25px;width:100%;max-width:1200px}.skill-card{background-color:#121214;border:1px solid #2d2d30;border-radius:16px;width:170px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer}.skill-card:hover{transform:translateY(-10px);border-color:#f42c6f;box-shadow:0 10px 25px #f42c6f33}.skill-icon{font-size:2.5rem}.skill-icon.img{width:70px;height:68px;border-radius:15px}.skill-icon.img.jg{width:70px;height:68px;border-radius:15px;gap:25}.skill-percent{font-family:monospace;font-size:1.2rem;font-weight:700;color:#fff}.resume-wrapper{display:flex!important;flex-direction:row!important;width:1600px!important;max-width:1600px!important;margin-top:100px!important;gap:400px;margin-left:50px;z-index:10}.resume-left{display:flex;flex-direction:column;position:relative;top:180px!important}.resume-right.down{display:flex;flex-direction:column;margin-top:0!important;position:relative!important;top:250px!important;width:100%}.resume-category-title{font-family:Times New Roman,serif;font-size:2.8rem;color:#fa0;margin-bottom:30px;text-align:left!important;z-index:2}.resume-text-outline{position:relative;top:450px;right:415px;display:flex;flex-direction:column;z-index:1}.resume-text{font-size:8rem;font-weight:700;line-height:1;margin:2px;letter-spacing:12px;font-family:Oswald,serif;z-index:1}.resume-text.outline{color:transparent;-webkit-text-stroke:2px rgb(244,44,111)}.timeline{border-left:none!important;padding-left:0!important;margin-left:10px}.timeline-item{position:relative;border-left:2px solid #ffaa00!important;padding-left:30px!important;padding-bottom:50px!important}.timeline-item:last-child{border-left:2px solid transparent!important;margin-bottom:0!important}.timeline-dot{position:absolute;left:-7.5px;top:5px;width:14px;height:14px;background-color:#fa0;border-radius:50%;box-shadow:0 0 0 5px #1a1a1a}.timeline-date{font-family:Times New Roman,serif;font-size:1.2rem;font-weight:700;margin-bottom:8px;color:#fa0}.timeline-content h3{font-family:monospace;white-space:nowrap!important;font-size:1.1rem;color:#f42c6f}.timeline-content,.timeline-date,a h3{text-align:left!important}.timeline-text-right{text-align:right!important}.timeline-content p{font-family:monospace;font-size:.95rem;color:#fff}.skills-grid{display:flex!important;flex-direction:column!important;gap:15px!important;margin-top:-10px!important}.timeline-right{margin-top:0!important;margin-right:0!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;width:100%}.timeline-item-right{position:relative;border-right:2px solid #ffaa00!important;padding-right:30px!important;padding-bottom:50px!important;text-align:right!important;width:100%}.timeline-item-right:last-child{border-right:2px solid transparent!important;margin-bottom:0!important}.timeline-dot-right{position:absolute;right:-8px;top:3px;width:14px;height:14px;background-color:#fa0;border-radius:50%;box-shadow:0 0 0 5px #1a1a1a!important}.timeline-text-right{font-size:1.2rem;font-weight:700;color:#fa0;letter-spacing:2px;margin:0!important}.skill-row{display:flex!important;flex-wrap:wrap!important;gap:15px!important}.skill-tag{background-color:#f42c6f;color:#f3efe0;padding:8px 20px;border-radius:5px;font-family:monospace;font-size:.9rem;transition:transform .3s ease;z-index:10!important}.Group-Technical{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:flex-start!important;gap:80px!important;color:#fa0}.hard-skills{flex:none!important;display:flex;flex-direction:column;align-items:flex-start}.soft-skills{flex:none!important;display:flex;flex-direction:column;left:100px}.skill-subtitle{font-family:monospace;font-size:1.6rem;margin-bottom:25px!important;letter-spacing:2px;font-weight:700}.skill-subtitle.text-right{text-align:right}.SOFT{z-index:1;font-size:20px;margin-left:200px}.skill-tag:hover{transform:translateY(-5px);background-color:#fa0;color:#1a1a1a}.bg-black{position:absolute;background-color:#1a1a1a;width:100%;z-index:1;top:900px!important;height:auto!important;left:0;bottom:0}.bg-zinc{position:absolute;background-color:#161414;width:100%;z-index:2;top:1400px!important;height:auto!important;left:0;bottom:0}body{margin:0;padding:0;background-color:#1a1a1a;overflow-x:hidden!important;scroll-behavior:smooth!important}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#1a1a1a;color:#fff}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.1);border-top-color:#f42c6f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:sans-serif;letter-spacing:2px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in-content{animation:fadeIn 1.2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;box-sizing:border-box;padding-top:80px;color:#fff;text-align:center;width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background-color:rgba(26,26,26,0-8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1);animation:fadeInDown .8s ease-out}.navbar.dark-theme .nav-links a{color:#1a1a1a;font-weight:700}.navbar.dark-theme .nav-links a:hover{color:#f42c6f}.navbar.white-theme .nav-links a{color:#fff;font-weight:700}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-logo{font-size:24px;font-weight:700;color:#f42c6f;cursor:pointer;letter-spacing:1px}.nav-links a{color:#fff;text-decoration:none;font-size:20px;font-weight:500;padding:10px;transition:color .3s ease;font-weight:700}.nav-links a:hover{color:#f42c6f}.fade-in-content{padding-top:80px}.badass-text{font-size:8rem;font-family:Times New Roman,serif;font-weight:900;white-space:nowrap;margin:0;line-height:1;letter-spacing:5px;opacity:0;transform:translateY(-80px);animation:dropDownText .8s cubic-bezier(.25,1,.5,1) forwards}.badass-text.solid{color:#f3efe0;z-index:10;animation-delay:.2s}.badass-text.outline{color:transparent;-webkit-text-stroke:2px rgb(244,44,111)}.delay-1{animation-delay:.4s;z-index:9}.delay-2{animation-delay:.6s;z-index:8}.delay-3{animation-delay:.8s;z-index:7}.deley-4{animation-delay:1.2s}.social-sidebar{display:flex;flex-direction:column;gap:15px;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;background-color:#1a1a1acc;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(10px);padding:20px 10px;border-radius:12px;border:1px solid rgb(255,255,255,.1);animation:fadeinsidebar 1s ease-out 2s;opacity:0;animation-fill-mode:forwards}.social-sidebar a{color:#f3efe0;text-decoration:none;font-size:1.5rem;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .3s ease}.social-sidebar a span{font-size:.7rem;opacity:0;transform:translateY(-10px);transition:all .3s ease}.social-sidebar a:hover{color:#f42c6f;transform:scale(1.1)}.social-sidebar a:hover span{opacity:1;transform:translateY(0)}@keyframes fadeinsidebar{0%{opacity:0;transition:translateY(-50%) translateX(20px)}to{opacity:1;transition:translateY(-50%) translateX(0)}}.badass-section{background-color:#1a1a1a;position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh}.badass-collage{position:relative;z-index:5;width:1575px;height:800px}.badass-outline-group{position:absolute;top:160px;left:200px;display:flex;flex-direction:column;z-index:1}.orange-box{position:absolute;top:90px;left:80px;width:390px;height:460px;border-radius:10px;background-color:#f42c6f;box-shadow:-5px 10px 30px #00000080;z-index:2;animation:fadeIn 1s forwards}.image-backdrop{position:absolute;top:20px;left:-20px;width:100%;height:100%;background-color:#c96b42;z-index:1}.profile-img{position:absolute;top:100px;left:90px;width:370px;height:440px;border-radius:10px;object-fit:cover;z-index:4;box-shadow:-5px 10px 30px #00000080;animation:fadeIn .5s forwards}.badass-text.top-text{position:absolute;top:30px;left:200px;z-index:10}@keyframes slideinleft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.badass-contact-info{position:absolute;top:250px;left:1200px;z-index:8;color:#f3efe0;font-family:monospace;font-size:1.6rem;line-height:1.8;letter-spacing:1px;background-color:#1a1a1a;border-radius:10px;border:1px solid rgba(255,255,255,.1);padding:25px 55px;animation:slideinright 1.5s forwards}@keyframes slideinright{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes dropDownText{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.badass-white-strip{position:absolute;bottom:0;left:0;width:100%;height:120px;background-color:#f9c8ce;z-index:1}@media(max-width:2100px){.fade-in-content{zoom:.9}}@media(max-width:1920px){.fade-in-content{zoom:1}}@media(max-width:1600px){.fade-in-content{zoom:.8}}@media(max-width:1440px){.fade-in-content{zoom:.75}}@media(max-width:1366px){.fade-in-content{zoom:.6}}@media(max-width:1280px){.fade-in-content{zoom:.55}}@media(max-width:1024px){.fade-in-content{zoom:.45}}@media(max-width:768px){.fade-in-content{zoom:.35}}@media(max-width:480px){.fade-in-content{zoom:.2}}