.sidebar-container{flex-direction:column;justify-content:space-between;max-width:350px;min-height:80vh;display:flex;position:fixed}.sidebar-container h4{color:#d8dde8}.sidebar-top i{color:#5eead4}.sectionContainer{margin:1rem 0;padding-left:0;list-style:none}.section{color:#9aa3b5;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;align-items:center;gap:.5rem;width:100%;min-width:20px;margin:1rem 0;font-size:14px;display:flex}.sectionContainer{position:relative}.section:before{content:"";border-bottom:1px solid #9aa3b5;min-width:20px;transition:all .2s;position:relative;left:0}.section:hover:before{border-bottom:1px solid #d8dde8;min-width:60px}.section:hover{color:#d8dde8}.section.active:before{content:"";border-bottom:1px solid #5eead4;min-width:60px;left:0}.section.active{color:#d8dde8;font-weight:600}.resume{letter-spacing:1.5px;color:#5eead4;text-decoration:none;display:inline-block;position:relative}.resume:after{content:"";background-color:#5eead4;width:0%;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.resume:hover:after{width:100%}.socials{align-items:center;gap:1rem;margin-top:.7rem;font-size:18px;display:flex}.socials i{color:#9aa3b5;transition:all .1s}.socials i:hover{color:#5eead4}@media (width<=856px){.sidebar-container{justify-content:center;max-width:100%;min-height:100%;position:relative}.sidebar-main{display:none}.sidebar-bottom{justify-content:space-between;align-self:end;align-items:center;margin-top:3rem;display:flex}}.main-container{gap:1rem;width:100%;max-width:1300px;margin:auto}.main-start{max-width:400px;height:100vh}.main-end{flex-direction:column;gap:5rem;display:flex}@media (width<=856px){.main-start,.main-end{align-items:start;width:100%;max-width:100%;height:auto;margin:auto!important}.main-container{gap:3rem;margin:auto;padding:3rem .5rem;width:100%!important}.sidebar-bottom{flex-direction:column;justify-content:start;align-items:start;gap:.5rem;width:100%;font-size:18px;display:flex}.sidebar-bottom i{font-size:22px}}.section-id{color:#5eead4;letter-spacing:3px;font-size:14px}.section-title{margin-top:1rem;font-size:52px;font-weight:700}.section-body h6{font-size:18px}.section-body b{color:#5eead4}.section-body .lightHighlight{color:#d8dde8}.skills-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.skill-container{cursor:pointer;background-color:#121c2a;border:1px solid #121c2a;border-radius:10px;transition:all .2s}.skill-title{letter-spacing:2px;color:#5eead4;font-size:16px!important}.skill{color:#bdc8d4;background-color:#1e293a;border-radius:10px;padding:5px 10px}.experience-container{color:#bdc8d4;cursor:pointer;background-color:#121c2a;border-radius:10px;flex-direction:column;justify-content:space-between;gap:2rem;margin:1rem 0;padding:1rem;transition:all .2s;display:flex}.smallText{font-size:14px}.position{color:#d8dde8}.companyName{color:#5eead4}.experience-main h4{font-size:20px}.experience-main h6{font-size:15px}#responsibilities{cursor:pointer;color:#9da8b4;border:1px solid #1e293a;border-radius:5px;gap:5px;width:fit-content;padding:5px 10px;font-size:14px;display:flex}#responsibilities:hover{color:#5eead4;border:1px solid #5eead4}.usedTechnology{color:#56d6c3;background-color:#5eead433;border-radius:15px}.experience-footer ul{margin-top:1rem;font-size:14px;position:relative}.experience-footer ul:before{content:"";border:.1px solid #5eead4;height:87%;position:absolute;top:1rem;left:.99rem}.experience-footer ul li::marker{color:#5eead4;font-size:22px}.project-container{background-color:#121c2a;border-radius:.75rem;flex-direction:column;gap:1.5rem;width:100%;padding:1.5rem;transition:all .2s;display:flex}.project-start{border-radius:.5rem;transition:all .2s;position:relative;overflow:hidden}.project-start img{aspect-ratio:16/10;object-fit:cover;opacity:.8;width:100%;height:100%;transition:transform .5s,opacity .5s}.project-container:hover .project-start img{opacity:1;transform:scale(1.05)}.project-container:hover{scale:1.01;box-shadow:0 0 8px -1px #5eead4}.project-end h4{color:#d8dde8;font-size:26px;font-weight:700}.project-end h6{font-size:16px}.githubBtn{color:#d8dde8;border:1px solid #1e293a;height:50px;font-size:18px;transition:all .2s;margin-top:1.5rem!important}.githubBtn a{color:#9da8b4;text-decoration:none}.githubBtn:hover{border:1px solid #1e293a;scale:1.02}.githubBtn:hover a{color:#bdc8d4}.commits-container{background-color:#121c2a;border-radius:10px;width:100%;padding:1rem}.github-calendar-container{background-color:#121c2a;border-radius:10px;padding:1rem}.activity-container h6{color:#d8dde8;padding-left:10px;font-size:16px;font-weight:500}.activity-container a{color:#bdc8d4;text-decoration:none;transition:all .2s}.commit-start{width:100%;position:relative;max-width:300px!important}.commit-start h6:before{content:"";background-color:#5eead4;border-radius:100%;width:5px;height:5px;position:absolute;top:8px;left:0}.activity-container a:hover{color:#56d6c3}.activity-container a{color:#9da8b4}.commits-main>:last-child{border:none}.commit-container{cursor:pointer;border-bottom:1px solid #1e293a;padding:10px 5px;transition:all .2s}.commit-container:hover{scale:1.01}.commit-container a{color:#9da8b4}@media (width<=856px){.project-start img{opacity:1}#Projects{width:100%}}@media (width<=472px){.commit-container i{display:none}.commit-start h6{width:60vw}.commit-container div{width:auto}}@media (width<=462px){.commits-header{gap:.7rem;display:flex;text-align:start!important;flex-direction:column!important;justify-content:start!important;align-items:start!important;margin-bottom:1rem!important}.commits-header h6{font-size:24px!important}.acitvity-header{gap:.7rem;display:flex;text-align:start!important;flex-direction:column!important;justify-content:start!important;align-items:start!important;margin-bottom:1rem!important}.acitvity-header h6{font-size:24px!important}}html{scroll-behavior:smooth}body{color:#9aa3b5;background:linear-gradient(-90deg,#0f172a,#111827,#0b1220,#0f172a);animation:15s infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}h1{color:#d8dde8;font-size:48px}h6{font-size:16px;font-weight:400;line-height:1.4rem}