.nav{position:sticky;top:20px;left:0;width:100%;z-index:3;display:flex;margin-top:15px;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;color:var(--color-light-gray)}.nav-links,.nav-links-filled{display:flex;align-items:center;border-radius:30px;border:1px solid transparent;transition:all .2s ease;position:relative}.nav-links-filled{color:var(--color-white);background:var(--color-navbar-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-navbar-border);box-shadow:var(--color-navbar-shadow)}.nav-links-filled .nav-links-item,.nav-links-filled .nav-links-item.contact{color:var(--color-white)}.nav-links-filled .nav-slider{background:var(--color-navbar-border)}.nav-links-item{cursor:pointer;transition:all .2s ease;font-size:13px;z-index:2;padding:15px 5px;margin:0 5px;font-weight:300}.nav-links-item.contact{border:none;font-weight:300;color:var(--text-color);background-color:transparent}.nav-links-item:hover{cursor:pointer;color:var(--color-white);transition:all .2s ease}.nav-links-item.active,.nav-links-item.active:hover{color:var(--color-white);transition:all .2s ease}.nav-slider{position:absolute;left:5px;width:50px;height:30px;border-radius:30px;background:var(--color-navbar-slider);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-slider.Home{transform:translate(0);width:50px}.nav-slider.About{transform:translate(55px);width:60px}.nav-slider.Projects{transform:translate(112px);width:60px}.nav-slider.Contact{width:75px;transform:translate(172px)}@media screen and (min-width: 385px){.nav-links-item{padding:15px 10px;margin:0 10px}.nav-slider{width:60px}.nav-slider.Home{transform:translate(0);width:65px}.nav-slider.About{transform:translate(75px);width:70px}.nav-slider.Projects{transform:translate(150px);width:80px}.nav-slider.Contact{width:75px;transform:translate(240px)}}@media screen and (min-width: 460px){.nav-links-item{font-size:14px;padding:15px;margin:0 5px}.nav-slider{left:8px;width:70px;height:35px}.nav-slider.Home{transform:translate(0);width:63px}.nav-slider.About{transform:translate(75px);width:70px}.nav-slider.Projects{transform:translate(155px);width:80px}.nav-slider.Contact{transform:translate(242px);width:85px}}@media screen and (min-width: 690px){.nav-links-item{font-size:1.125rem;padding:18px 30px;margin:0 5px}.nav-slider{left:8px;width:100px;height:40px}.nav-slider.Home{transform:translate(0);width:100px}.nav-slider.About{transform:translate(120px);width:100px}.nav-slider.Projects{transform:translate(240px);width:110px}.nav-slider.Contact{transform:translate(375px);width:100px;width:105px}}.headline-wrapper{display:flex;gap:5px;flex-direction:column;margin-bottom:20px}.headline{display:flex;align-items:center;font-weight:600;font-size:1.25rem;letter-spacing:.05rem;color:var(--color-sky-blue)}.headline svg{font-size:1.4rem;margin-left:.5rem}.subline{display:flex;font-weight:600;letter-spacing:.05rem;font-size:1.875rem;color:var(--color-white)}@media screen and (max-width: 768px){.headline-wrapper{margin-bottom:15px}.headline{font-size:1.125rem}.subline{font-size:1.5rem}}.about{display:flex;position:relative;align-items:center}.about-text{line-height:1.8;font-size:1.125rem;color:var(--color-light-gray)}.about-link{font-weight:600;font-size:1.125rem;margin:0 1px 0 3px;padding:0 0 0 5px;position:relative;display:inline-block;color:var(--color-white);transition:all .2s ease}.about-link:after{content:"";display:block;width:95%;height:4px;background-color:var(--color-green);position:absolute;opacity:.6;bottom:20%;z-index:-1;transition:all .2s ease;border-radius:1px}.about-link:hover{color:var(--color-obstian)}.about-link:hover:after{height:20px;opacity:1}@media screen and (max-width: 768px){.about-text,.about-link{padding:0;line-height:1.5;font-size:1rem}}.contact-text{line-height:1.8;max-width:800px;font-size:1.125rem;color:var(--color-light-gray)}.contact-text a,.contact-text:visited,.contact-text a:after{color:var(--color-green)}.contact-text a:hover{text-decoration:underline}@media screen and (max-width: 745px){.contact-text{line-height:1.5;font-size:1rem}}.footer{display:flex;font-size:.7rem;letter-spacing:1px;padding:30px 0;text-transform:capitalize;color:var(--color-light-gray)}.projects{width:100%}.projects-grid{width:100%;display:grid;grid-gap:2rem;grid-template-columns:repeat(3,1fr)}.projects-card{height:20rem;width:100%;display:flex;padding:1.5rem;position:relative;flex-direction:column;color:var(--color-body);transition:all .2s ease;justify-content:space-between;border:1px solid var(--color-body)}.projects-card:first-child{background-image:var(--color-gradient-a)}.projects-card:nth-child(2){background-image:var(--color-gradient-b)}.projects-card:nth-child(3){background-image:var(--color-gradient-c)}.projects-card:nth-child(4){background-image:var(--color-gradient-d)}.projects-card:nth-child(5){background-image:var(--color-gradient-e)}.projects-card:last-child{background-image:var(--color-gradient-f)}.project-link{display:flex;justify-content:flex-end}.project-link a{padding:0 5px 5px;font-size:1.5rem;margin-left:10px;color:var(--color-body)}.project-name{font-size:2rem;font-weight:900;text-align:center}.project-wrapper,.project-language{display:flex;justify-content:space-evenly}.project-language span{font-weight:500;font-size:.9rem}@media screen and (min-width: 1024px){.projects-card:hover{border:1px solid var(--color-white);background-color:transparent;background-image:none}.projects-card:hover *{color:var(--color-white)}}@media screen and (max-width: 1000px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.socials-wrapper{width:100%;display:grid;grid-gap:2rem;grid-template-columns:repeat(3,1fr)}.socials-link{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:1.2rem;color:var(--color-light-gray);padding:1.5rem;transition:all .2s ease;border:1px solid var(--color-light-gray);border-bottom:3px solid var(--color-green)}.socials-link svg{align-self:baseline;font-size:1.6rem}.socials-link:last-child svg{font-size:1.7rem}@media screen and (min-width: 1024px){.socials-link:hover{color:var(--color-white);border:1px solid var(--color-white);border-bottom:3px solid var(--color-green)}}@media screen and (max-width: 1000px){.socials-wrapper{grid-gap:2rem;grid-template-columns:1fr 1fr}}@media screen and (max-width: 600px){.socials-wrapper{grid-gap:2rem;grid-template-columns:1fr}}.wrapper{display:flex;justify-content:center;align-items:center;height:100%;min-height:60vh}.arrow{width:100%;max-width:1px;height:490px;margin-right:30px;background:var(--color-dark-gray)}.bundle{width:100%;max-width:100%}.chunck{display:flex;flex-direction:row;margin-bottom:15px}.chunck:last-child{margin-bottom:0}.distance-left-chunck{display:flex;flex-direction:row;margin-left:50px}.name{line-height:1.5;margin-left:50px;margin-top:10px;margin-bottom:20px;padding:0}.title{font-weight:500;font-size:4rem;color:var(--color-white)}.subtitle{font-weight:400;font-size:2rem;color:var(--color-white)}.four-line-primary-V1{width:100%;max-width:140px;height:15px;margin-right:10px;background:var(---color-code-b)}.four-line-secondary-V1{height:15px;width:100%;max-width:15px;margin-right:10px;background:var(--color-light-gray)}.four-line-tertiary-V1{height:15px;width:100%;max-width:100px;margin-right:10px;background:var(--color-light-gray)}.four-line-prevention-V1{height:15px;width:100%;max-width:190px;background:var(---color-code-a)}.four-line-primary-V2{width:100%;max-width:240px;height:15px;margin-right:10px;background:var(---color-code-a)}.four-line-secondary-V2{height:15px;width:100%;max-width:120px;margin-right:10px;background:var(--color-light-gray)}.four-line-tertiary-V2{width:100%;max-width:15px;height:15px;border-radius:50%;margin-right:10px;background:var(--color-light-gray)}.four-line-prevention-V2{height:15px;width:100%;max-width:180px;background:var(---color-code-b)}.four-line-primary-V3{width:100%;max-width:150px;height:15px;margin-right:10px;background:var(---color-code-a)}.four-line-secondary-V3{height:15px;width:100%;max-width:15px;margin-right:10px;background:var(--color-light-gray)}.four-line-tertiary-V3{height:15px;width:100%;max-width:100px;margin-right:10px;background:var(--color-light-gray)}.four-line-prevention-V3{height:15px;width:100%;max-width:200px;background:var(---color-code-c)}.four-line-primary-V4{width:100%;max-width:100px;height:15px;margin-right:10px;background:var(---color-code-c)}.four-line-secondary-V4{height:15px;width:100%;max-width:15px;margin-right:10px;background:var(--color-light-gray)}.four-line-tertiary-V4{height:15px;width:100%;max-width:160px;margin-right:10px;background:var(--color-light-gray)}.four-line-prevention-V4{height:15px;width:100%;max-width:60px;background:var(---color-code-a)}.three-line-primary-V1{height:15px;width:100%;max-width:180px;background:var(---color-code-a)}.three-line-secondary-V1{width:100%;max-width:120px;height:15px;margin:0 10px;background:var(--color-light-gray)}.three-line-tertiary-V1{width:100%;max-width:15px;height:15px;border-radius:50%;background:var(--color-light-gray)}.three-line-primary-V2{height:15px;width:100%;max-width:180px;background:var(---color-code-c)}.three-line-secondary-V2{width:100%;max-width:100px;height:15px;margin:0 10px;background:var(---color-code-a)}.three-line-tertiary-V2{width:100%;max-width:260px;height:15px;background:var(---color-code-c)}.two-line-primary-V1{height:15px;width:100%;max-width:250px;margin-right:10px;background:var(---color-code-b)}.two-line-secondary-V1{width:100%;max-width:15px;height:15px;border-radius:50%;background:var(--color-light-gray)}.two-line-primary-V2{height:15px;width:100%;max-width:260px;background:var(---color-code-a)}.two-line-secondary-V2{width:100%;max-width:140px;height:15px;margin:0 10px;background:var(---color-code-c)}.one-line-primary{height:15px;width:100%;max-width:390px;margin-bottom:12px;background:var(---color-code-c)}.one-line-secondary{height:15px;width:100%;max-width:300px;margin-bottom:12px;background:var(---color-code-b)}@media screen and (max-width: 769px){.wrapper{margin-top:10px}.name{margin-top:0;margin-bottom:0}}@media screen and (max-width: 600px){.distance-left-chunck{margin-left:25px}.name{margin-left:25px;padding:20px 0 35px}.title{font-size:3rem}.subtitle{font-size:1.75rem}.four-line-primary-V1{max-width:40px}.four-line-secondary-V1{max-width:15px}.four-line-tertiary-V1{max-width:70px}.four-line-prevention-V1{max-width:120px}.four-line-primary-V2{max-width:100px}.four-line-secondary-V2{max-width:50px}.four-line-tertiary-V2{max-width:15px}.four-line-prevention-V2,.four-line-primary-V3{max-width:100px}.four-line-secondary-V3{max-width:15px}.four-line-tertiary-V3{max-width:80px}.four-line-prevention-V3{max-width:125px}.four-line-primary-V4{max-width:100px}.four-line-secondary-V4{max-width:15px}.four-line-tertiary-V4{max-width:70px}.four-line-prevention-V4{max-width:60px}.three-line-primary-V1{max-width:100px}.three-line-secondary-V1{max-width:80px}.three-line-tertiary-V1{max-width:15px}.three-line-primary-V2{max-width:100px}.three-line-secondary-V2{max-width:60px}.three-line-tertiary-V2{max-width:260px}.two-line-primary-V1{max-width:280px}.two-line-primary-V2{max-width:80px}.two-line-secondary-V2{max-width:280px}.one-line-primary{max-width:230px}.one-line-secondary{max-width:250px}}:root{--color-white: #fff;--color-green: #79fbce;--color-sky-blue: #819bf7;--color-obstian: #111111;--color-light-gray: #adadad;--color-dark-gray: #333333;--color-navbar-border: rgba(74, 74, 74, .589);--color-navbar-slider: rgba(79, 79, 79, .371);--color-navbar-background: rgba(52, 52, 52, .589);--color-navbar-shadow: 0 2px 5px rgba(0, 0, 0, .029);--color-gradient-a: linear-gradient(-40deg, #ffd8b8, #fff4df);--color-gradient-b: linear-gradient(-40deg, #b1e5f9, #f4d2fe);--color-gradient-c: linear-gradient(-20deg, #ffdaef, #ffe9a6);--color-gradient-d: linear-gradient(-20deg, #ffe9a6, #b6ffe5);--color-gradient-e: linear-gradient(-40deg, #cab8ff, #ffe7f5);--color-gradient-f: linear-gradient(90deg, #ffe7f5, #d5f3ff);---color-code-a: linear-gradient(90deg, #819bf7 0%, #4dffd5 100%);---color-code-b: linear-gradient(90deg, #ffe9a6 0%, #ff7373 100%);---color-code-c: linear-gradient(90deg, #f3a6ff 0%, #a3afff 100%)}*{margin:0;box-sizing:border-box;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*::selection{color:var(--color-obstian);background-color:var(--color-sky-blue)}button{cursor:pointer}a{cursor:pointer;text-decoration:none}body{width:100%;background:var(--color-obstian);background-color:var(--color-obstian)}main{margin:auto;padding:25px;max-width:75rem;overflow-x:hidden;scroll-behavior:smooth;display:flex;flex-direction:column;gap:150px}@media screen and (max-width: 768px){main{gap:100px}}