.cursor{border:1px solid whitesmoke;border-radius:50%;z-index:1000;width:35px;height:35px;position:fixed;pointer-events:none}@media(max-width:676px){.cursor{display:none}}body::-webkit-scrollbar{width:3px;background-color:#0c0c1d;border-radius:100px}body::-webkit-scrollbar-thumb{border-radius:100px;background-color:#919191}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}:root{scroll-behavior:smooth}.container{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}ul{list-style:none}section{scroll-snap-align:center;overflow:hidden;margin-top:-1px}::selection{background-color:#888}.contact{height:100vh;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;padding-top:100px;gap:40px}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:20px;margin-left:40px}.contact .textContainer h1{font-size:62px;line-height:60px}.contact .textContainer .items{display:flex;flex-direction:column;gap:20px;margin-top:12px}.contact .textContainer .items .item h2{font-size:25px;font-weight:400}.contact .textContainer .items .item span{font-weight:300;margin-top:-3px;display:block;font-size:15px}.contact .containerForm{flex:1;position:relative}.contact .containerForm .phone{position:absolute;margin-right:auto;margin-left:auto}.contact .containerForm .phone svg{margin:auto;max-width:100%}.contact .containerForm form{display:flex;flex-direction:column;gap:20px;z-index:12!important;position:relative}.contact .containerForm form input,.contact .containerForm form textarea{padding:12px;border-radius:4px;border:1px solid white;background-color:transparent;outline:none;caret-color:#fff;color:#f5f5f5}.contact .containerForm form textarea{resize:none}.contact .containerForm form button{padding:12px;cursor:pointer;background-color:orange;font-weight:500;border-radius:4px;transition:all .3s}.contact .containerForm form button:hover{background-color:#ffa600d0}@media(max-width:667px){.contact .textContainer{gap:15px}.contact .textContainer h1{font-size:48px;line-height:50px}}@media(max-width:567px){.contact{flex-direction:column}.contact .containerForm{width:80%}.contact .textContainer{flex:0}.contact .textContainer h1{font-size:39px;line-height:37px}.contact .textContainer .items{flex-direction:row;gap:12px 20px;flex-wrap:wrap}}.hero{height:calc(100vh - 100px);background:linear-gradient(180deg,#0c0c1d,#111132);overflow:hidden}.hero .container{display:flex;width:fit-content;justify-content:space-between;align-items:center;position:absolute;bottom:50px;left:40px}.hero .ContainerText{width:50%;display:flex;flex-direction:column;gap:30px;margin-left:30px}.hero .ContainerText h2{letter-spacing:10px;color:#639;font-size:32px}.hero .ContainerText h1{font-size:64px;letter-spacing:1px}.hero .ContainerText .buttons{display:flex;gap:20px}.hero .ContainerText .buttons button{padding:12px 16px;border-radius:4px;cursor:pointer;font-weight:300}.hero .ContainerText .buttons button:first-of-type{background-color:transparent;color:#f5f5f5;border:1px solid whitesmoke;transition:all .5s}.hero .ContainerText .buttons button:first-of-type:hover{transform:translateY(-3px);color:#000;background-color:#f5f5f5;border-color:transparent}.hero .ContainerText .buttons button:last-of-type{background-color:#f5f5f5;color:#000;border:1px solid transparent;transition:all .5s}.hero .ContainerText .buttons button:last-of-type:hover{transform:translateY(-3px);color:#f5f5f5;background-color:transparent;border-color:#f5f5f5}.hero .ContainerText img{width:40px;cursor:pointer}.hero .imag{width:50%}.hero .imag img{max-width:100%;height:70vh}@media(max-width:800px){.hero .container{left:12px}.hero .container h1{font-size:58px;line-height:64px;margin-bottom:5px}}@media(max-width:620px){.hero .container{flex-direction:column-reverse;left:7px}.hero .ContainerText{width:100%;gap:12px}.hero .imag img{height:40vh;padding-top:61px;display:block}}.navbar{display:flex;justify-content:space-between;align-items:center;margin-top:40px;margin-bottom:30px;position:relative;z-index:100}.navbar .social ul{list-style:none;display:flex;justify-content:center;align-items:center;gap:10px}.navbar .social ul li{transition:all .7s}.navbar .social ul li a img{width:24px;height:24px}.navbar .social ul li a .mentor{border-radius:20%;width:20px;height:20px}.navbar .social ul li:hover img{scale:1.2}.sidebar{position:fixed;top:0;width:300px;height:100vh;background-color:#fff;left:0;margin:0;z-index:10}.sidebar button{background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:9px;cursor:pointer;position:fixed;left:25px;top:25px}.sidebar .links{position:absolute;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);gap:20px;font-size:26px;color:#000;align-items:center}.sidebar .links a{transition:all .2s}.parallax{height:100vh!important;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.parallax h1{font-size:80px;text-align:center}.parallax .mountains{background-image:url(/Portfolio/assets/mountains.png);height:100%}.parallax .planets{height:75%;margin-bottom:30px}.parallax .stars{background-image:url(/Portfolio/assets/stars.png);height:100%}.parallax .mountains,.parallax .planets,.parallax .stars{width:100%;position:absolute;background-size:cover;background-position:bottom}.portfolio{position:relative}.portfolio .progress{margin-bottom:65px;position:sticky;top:0;left:0;padding-top:40px;z-index:1000}.portfolio .progress h1{color:orange;text-align:center;font-size:40px;letter-spacing:2px}.portfolio .progress .progressBar{height:5px;background-color:#ffa50096;margin-top:5px}.portfolio .projects{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:auto;margin-left:auto;gap:40px}.portfolio .projects .project{width:700px;display:flex;height:50vh;gap:40px}.portfolio .projects .project .imag img{border-radius:5px;width:320px}.portfolio .projects .project .Text{display:flex;flex-direction:column;gap:20px}.portfolio .projects .project .Text h2{font-size:30px}.portfolio .projects .project .Text p{font-size:14px;color:#99a4a9}.portfolio .projects .project .Text a{background-color:orange;color:#121111;width:fit-content;padding:8px 18px;font-size:15px;font-weight:300;border-radius:4px;transition:all .3s}.portfolio .projects .project .Text a:hover{background-color:#ffa600d0}@media(max-width:700px){.portfolio .projects .project{height:65vh;gap:13px;flex-direction:column;width:500px;align-items:center}}@media(max-width:500px){.portfolio .projects .project{height:55vh;gap:20px;align-items:center;flex-direction:column-reverse;width:340px;position:relative}.portfolio .projects .project .Text p{display:none}.portfolio .projects .project .Text a{position:absolute;bottom:-45px;font-size:14px}}.services{background:linear-gradient(180deg,#0c0c1d,#111132);width:100%;height:100%;display:flex;flex-direction:column;gap:40px}.services .title{align-self:self-end;display:flex;justify-content:center;align-items:center;margin-top:35px;gap:8px}.services .title p{color:gray;text-align:end;font-size:15px}.services .title hr{width:200px;border:.05px solid gray;opacity:.4}.services .containerText{display:flex;justify-content:center;align-items:center;gap:10px;flex-direction:column}.services .containerText .unique{display:flex;justify-content:center;align-items:center;gap:20px}.services .containerText .unique img{width:250px;height:100px;border-radius:40%}.services .containerText .unique h1{font-size:60px;font-weight:200}.services .containerText .business{display:flex;justify-content:center;align-items:center;gap:10px}.services .containerText .business h1{font-size:60px;font-weight:200}.services .containerText .business button{border:none;background-color:orange;border-radius:25px;font-weight:500;padding:18px 30px}.services .containerList{padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;display:flex;border-bottom:1px solid rgb(93,97,108);justify-content:center}.services .containerList .box{color:#d3d3d3;will-change:auto;background-color:#0000;border:1px solid rgb(93,97,108);padding:7px;display:flex;flex-direction:column;gap:12px;position:relative;text-align:center;transition:all .7s}.services .containerList .box h2{padding-top:12px}.services .containerList .box p{font-size:15px}.services .containerList .box button{background-color:orange;border:none;width:70%;margin:auto auto 15px;padding:9px 0;border-radius:2px;cursor:pointer;font-weight:500;display:block}.services .containerList .box:hover{color:#000!important;background-color:#d3d3d3!important}@media(max-width:1280px){.containerList{width:820px}}@media(max-width:850px){.containerList{width:730px}.containerList .box p{font-size:14px!important}}@media(max-width:468px){.title{flex-direction:column;margin-right:auto;margin-left:auto}}@media(max-width:730px){.containerText{gap:0px!important}.containerText .unique{flex-direction:column}.containerText .business{flex-direction:column;text-align:center}.containerText h1{font-size:40px!important}.containerList{flex-direction:column;width:400px;gap:20px}}@media(max-width:420px){.containerList{width:fit-content}}.skills{background:linear-gradient(180deg,#111132,#0c0c1d);position:relative;margin-bottom:60px}.skills h1{padding-top:50px;text-align:center;font-size:65px;font-weight:500;color:#c5cbefd1;letter-spacing:5px}.skills .skillsItems{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:50px;width:560px;margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;text-align:center;gap:45px;font-weight:200}.skills .skillsItems .skill img{width:50px}.skills .back{width:100%;height:100%;position:absolute;background-position:bottom;background-image:url(./../../assets/stars.png);background-size:cover}@media(max-width:540px){.skills .skillsItems{width:400px;gap:35px}}@media(max-width:380px){.skills .skillsItems{width:360px}}.about{background:linear-gradient(#111132,#0c0c1d);position:relative;color:#f5f5f5eb;z-index:4;margin-bottom:20px}.about h1{padding-top:30px;padding-bottom:0;margin-bottom:55px;color:#dcdeebf2;text-align:center;font-size:50px;letter-spacing:2px;background-size:cover;background-repeat:no-repeat;background-position:center}.about .education{margin-bottom:60px;padding-left:40px;padding-right:20px;margin-left:auto;margin-right:auto}.about .education h2{font-size:24px;letter-spacing:1px;color:#dcdeebf2}.about .education p{color:#9e9e9e}.about .experience{margin-bottom:40px;padding-left:40px;padding-right:20px;margin-left:auto;margin-right:auto;display:flex;gap:20px;justify-content:space-between;align-items:center}.about .experience h2{flex:1;color:#dcdeebf2;margin-bottom:20px;font-size:26px}.about .experience .works{flex:3;display:flex;flex-direction:column;gap:36px;border-left:1px solid;padding-left:20px}.about .experience .works .intern{display:flex;flex-direction:column;gap:8px}.about .experience .works .intern h3{position:relative;font-size:20px}.about .experience .works .intern h3 span{position:absolute;height:14px;width:14px;background-color:#111132;left:-28px;border-radius:50%;top:6px}.about .experience .works .intern h3 span span{width:8px;height:8px;background-color:#ffa500c7;position:absolute;border-radius:50%;left:3px;top:3px}.about .experience .works .intern h4{color:#ffa500c7;font-size:19px;display:flex;gap:20px}.about .experience .works .intern h4.work{flex-direction:column}.about .experience .works .intern h4.work span{margin-top:-15px}.about .experience .works .intern h4 span{font-weight:500;font-size:16px;color:#969696d1}.about .experience .works .intern .description{max-width:600px;color:#9e9e9e;display:flex;flex-direction:column;gap:6px}.about .experience .works .intern .description p{color:#b5b5b5fa}.about .experience .works .intern .description a{padding-left:5px;color:#ffa500bf;text-decoration:underline;font-size:15px}@media(max-width:773px){.about .experience{flex-direction:column}}@media(max-width:500px){.about .experience .works .intern h3{font-size:19px}.about .experience .works .intern h4{font-size:18px}}