@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,300;1,400&display=swap);*{margin:0;padding:0}body{overflow-x:hidden;background-color:#0a192f!important}.menu-name{color:#ccd6f6!important}.container{max-width:1140px!important;margin:0 auto}.logo-img{height:80px;width:80px;margin-left:0}.header-content{margin-top:8rem;text-align:left;margin-left:4%}.header-content h1{font-size:80px;line-height:88px;color:#ccd6f6;margin-left:-10px}.header-content h2{font-size:68px!important;line-height:88px;color:#ccd6f6!important;margin-left:-10px}.header-content p{margin-top:-20px;margin-bottom:0;color:#64ffda;font-size:20px;margin-left:-3px}.count{color:#64ffda;margin-right:6px}.header-description p{color:#ccd6f6;font-size:18px}.header-description{margin-top:40px;height:100px;width:480px;margin-bottom:30px;color:#8892a4}.button-touch{width:160px;height:60px;color:#64ffda;background-color:transparent;font-size:18px;line-height:1;cursor:pointer;border:1px solid #64ffda;border-image:none;border-image:initial;border-radius:3px;padding:1.25rem 1.75rem;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s}.button-touch a{color:#64ffda}.button-touch:hover{background-color:#133040}.button-touch:hover a{text-decoration:none;color:#64ffda}.button-touch:hover{background-color:#10293b}.button-resume{position:relative;width:100px;height:40px;margin-left:10px;margin-top:0!important;background-color:transparent;font-size:17px;line-height:1;cursor:pointer;border:1px solid #64ffda;border-image:none;border-image:initial;border-radius:3px;padding:1.25rem 1.75rem;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s}.button-resume a{position:absolute;top:10px;left:20px;text-decoration:none;color:#64ffda;font-size:18px}.button-resume:hover{background-color:#10293b}.button-resume:hover a{text-decoration:none;color:#64ffda}.navbar-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:0;margin-bottom:0;list-style:none}.button-resume{margin-top:20px}.header-left{position:fixed;float:top;top:250px;left:65px;height:100px;width:200px}.header-left .icon{color:#fff;height:24px;width:18px}.header-right{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:mixed;-webkit-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;-webkit-text-orientation:mixed;position:fixed;top:250px;right:40px}.header-right:hover a{text-decoration:none}.header-right:after{display:block;content:"";width:2px;height:200px;background-color:#a8b2d1;margin:0 auto;position:fixed;top:260px;right:10px;position:absolute}.social-link{list-style:none;margin-bottom:20px;color:#fff;height:20px}.header-left:after{display:block;content:"";width:2px;height:210px;background-color:#a8b2d1;margin:0 auto;position:absolute;top:230px;left:8px}.second-section{margin-left:230px}.experience-section-name{margin-left:260px;margin-top:50px;text-align:left;justify-content:left}.experience-section-name p{color:#ccd6f6;font-size:18px}.starting-2{margin-bottom:100px}.experience-area h2{text-align:center}.experience-area .single-experience h4{margin-bottom:5px}.experience-area .single-experience .text-highlight{margin-top:0}.experience-area .single-experience{padding-left:50px;border-left:2px solid #ccd6f6;position:relative;width:67%}.experience-area .single-experience:before{position:absolute;left:-9px;top:40%;content:"";display:block;width:16px;height:16px;border-radius:50%;background-color:#64ffda}.single-experience h4{color:#64ffda}.experiences{margin-bottom:150px;margin-top:-10px}#projects{margin-left:4%}.line-project:after{display:block;margin-top:-20px;content:"";margin-left:330px;height:1px;width:320px;background-color:#ccd6f6;opacity:.5}.image{display:flex;flex:0.7 1;position:relative;float:left}.project__image{max-width:100%;height:380px;border-radius:5px}.project-info{margin-top:140px;display:flex;flex-direction:row}.project-individual-details{display:flex!important;flex:0.3 1;flex-direction:column;color:#ccd6f6;margin-top:30px;float:right}.project-name{display:flex;float:left!important;flex-direction:column;margin-bottom:80px;align-items:flex-end;justify-content:center;height:5px}.porjects{display:flex;flex-direction:row}.project-individual-details .project-details{min-height:120px!important;background-color:#172a45;justify-content:center!important;align-items:center;z-index:999;color:#fff;margin-bottom:40px;text-align:center;border-radius:5px}.project-details p{margin:20px auto}.feature{float:left;color:#64ffda}.feature,.name{display:flex}.project-individual-details .technology{font-size:14px;width:450px;display:flex!important;flex-direction:row!important;justify-content:flex-end}.technology ul{display:flex;flex-direction:row;list-style:none}.technology ul li{margin-left:10px}.project-individual-details1{display:flex;flex:0.3 1;flex-direction:column;justify-content:center;margin-left:10%;float:left}.project-individual-details1 .technology ul li{list-style:none;float:right;margin-right:10px}.link,.link3{display:flex;justify-content:flex-end}.link .icon{height:20px;width:20px;margin-right:10px}.overlay_projectImage{display:block;content:"";height:100%;width:100%;background-color:#143041;opacity:.9;position:absolute;top:0;left:0;z-index:0;cursor:pointer}.overlay_projectImage:hover{opacity:.7}.project-info-1{display:flex;flex-direction:row;margin-top:150px;color:#fff;margin-bottom:100px;margin-left:4%}.image1{flex:0.7 1;float:right}.image1 .project__image{position:relative}.overlay_projectImage1{display:block;content:"";height:100%;width:100%!important;background-color:#143041;opacity:.9;position:absolute;top:0;left:0;right:600px;z-index:0;cursor:pointer}.project-detail1{background-color:#172a45;justify-content:center;align-items:center;z-index:999;color:#fff;margin-bottom:40px;text-align:center;min-height:120px!important;border-radius:5px}.project-detail1,.project-name1{margin-left:-100px;display:flex;flex-direction:column}.project-name1{margin-bottom:80px;position:relative;align-items:flex-start;height:20px}.technology1{position:relative;float:right;right:100px;bottom:10px}.technology1 ul li{list-style:none;float:left;margin-right:10px}.link1,.technology1 ul li{position:relative;align-items:flex-start}.link1{margin-left:-100px}.link1 .icon{height:20px;width:20px;margin-right:10px}.overlay_projectImage1:hover{opacity:.8}.image1{flex-grow:0.7;position:relative}.image1 .project__image{width:100%!important;height:380px}#project2{color:#fff;margin-top:200px;margin-left:5%}.link3{margin-right:15%;margin-top:-20%}.link3 .icon{margin-right:10px;height:20px;width:20px}#small-project{margin-top:200px;margin-bottom:100px;margin-left:4%}.box{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:15px;gap:15px;position:relative;margin-top:20px}.box_sm{height:320px;background-color:#172a45;border-radius:5px}.box_sm:hover{transform:translateY(-10px);transition-delay:.2s}.project-icon{color:#b7c2e1;height:60px}.icon-first{float:left;font-size:48px;margin-top:10px;margin-left:20px;color:#60f6d3}.icon-second{float:right;margin-right:10px;font-size:24px;margin-top:20px}.project-short-details{margin-top:20px;height:160px;margin-left:20px;text-align:left;color:#b7c2e1}.project-tech{margin-left:12%}.project-tech ul{list-style:none;margin-left:-20px}.project-tech ul li{float:left;color:#b7c2e1;margin-right:10px}.tit{color:#60f6d3;margin-top:20px}.small-project h3{color:#b7c2e1}.title{margin-bottom:20px}.title_project{margin-left:2%}a{color:#b7c2e1!important}.small-project p.tit{margin-bottom:70px}.showmore_button{display:flex;justify-content:center;align-items:center}.button-showMore{display:flex;width:150px;height:60px;color:#64ffda;background-color:transparent;font-size:18px;line-height:1;cursor:pointer;border:1px solid #64ffda;border-image:none;border-image:initial;border-radius:3px;padding:1.25rem 1.75rem;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s;align-items:center;margin:80px auto 0}.button-showMore a{text-decoration:none!important}.button-showMore:hover{background-color:#133040}.box_hidden{display:none}.box-extraa{margin-left:150px}.box-extraa,.box-show{display:flex;flex-direction:row;margin-top:20px}.box-show .box_sm{width:32%;margin-right:15px}#about{display:flex;margin-bottom:280px;margin-left:4%}.first-part{flex:0.6 1}.about-section-name{margin-top:50px;text-align:left;justify-content:left;width:90%}.about-section-name p{color:#ccd6f6;font-size:18px}.starting{color:#ccd6f6;text-align:left}.numb1{color:#64ffda;margin-right:10px;font-size:24px}.highlight{color:#64ffda;font-size:22px}.tech-name{color:#ccd6f6}.section-name{margin-top:40px;font-size:28px;font-weight:700}.section-name .line-about:after{display:block;margin-top:-20px;content:"";margin-left:190px;height:1px;width:260px;background-color:#ccd6f6;opacity:.5}.about-description{margin-top:70px;text-align:left}.own-picture{flex:0.4 1;margin-top:15%;position:relative;margin-right:auto}.own-picture img{height:320px;width:320px;border-radius:10px}.pic{position:absolute;left:23%}.overlay{display:block;content:"";border-radius:10px;background-color:#64ffda;opacity:.4;top:0;left:23%;bottom:0;z-index:5}.bgline,.overlay{height:320px;width:320px;position:absolute}.bgline{background-color:none;top:25px;left:26%;border:3px solid #64ffda;z-index:-10000;border-radius:5px}.overlay:hover~.bgline{transform:translate(-12px);cursor:pointer}.overlay:hover{opacity:.1;cursor:pointer}.own-picture:hover~.overlay{display:none}.skill{display:flex;width:200px;height:20px;color:#ccd6f6;list-style:none;margin-left:40px}.skill ul{margin-top:10px;height:40px}.skill ul li{list-style:none;font-size:14px;float:left}.skill-name{position:relative}.skill-name:before{content:"▹";position:absolute;left:-20px;margin-top:5px;color:#64ffda;font-size:24px;line-height:12px}.skill-name1{position:relative}.skill-name1:before{content:"▹";position:absolute;left:-20px;margin-top:3px;color:#64ffda;font-size:24px;line-height:12px}.skill1 li{width:80px}.skill2 li{width:80px;margin-left:40px}.section-name .line1-about:after{display:block;margin-top:-20px;content:"";margin-left:270px;height:1px;width:310px;background-color:#ccd6f6;opacity:.5}.contact{flex-direction:column;color:#b7c2e1;margin-top:200px;margin-left:5%}.button-contact,.contact{align-items:center;display:flex}.button-contact{margin-top:50px;width:150px;height:60px;color:#64ffda;background-color:transparent;font-size:18px;line-height:1;cursor:pointer;border:1px solid #64ffda;border-image:none;border-image:initial;border-radius:3px;padding:1.25rem 1.75rem;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s;justify-content:center}.button-contact:hover{background-color:#133040}.contact-info{width:40%}.contact h1{margin-bottom:20px;font-size:54px}.button-contact a{text-decoration:none!important}.col,.next_color{color:#64ffda}.footer{margin-top:200px;height:150px;text-align:center;color:#b7c2e1!important;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:5%}.link_footer .star{margin-right:10px}.link_footer .icon{margin-right:5px}.footer-link ul li{font-size:24px;float:left;margin-right:10px;display:none}@media only screen and (max-width:1200px){.container{max-width:900px!important}.overlay,.pic{left:0}.bgline{left:11%}.project-tech ul li{margin-top:25px}.own-picture{margin-top:45%}}@media only screen and (max-width:992px){.container{max-width:800px!important}.header-left{left:35px}.pic{left:4%}.overlay,.own-picture img{height:280px;width:280px;border-radius:10px}.overlay{left:4%}.bgline{height:280px;width:280px;left:18%}.header-right{right:30px}.box{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.box-show .box_sm{width:50%;margin-right:9px}}@media screen and (max-width:800px){.container{max-width:700px!important}.own-picture{margin-left:-10%}.bgline{left:10%}.experience-section-name{margin-left:100px}.section-name .line1-about:after{width:200px}}@media only screen and (max-width:768px){.container{max-width:680px!important}.header-content h1{font-size:50px}.header-content h2{font-size:48px!important;line-height:82px}.first-part{flex:0.5 1}.own-picture{flex:0.5 1;margin-top:65%}.pic{left:-20%}.overlay,.own-picture img{height:240px;width:240px}.overlay{left:-20%}.bgline{height:240px;width:240px;left:-10%}.experience-section-name{margin-left:25%}.contact-info{width:70%}}@media only screen and (max-width:708px){.container{max-width:600px!important}.own-picture{margin-left:30%;margin-top:30%}}@media screen and (max-width:600px){.container{max-width:500px!important}.header-left,.header-right{display:none}.box-show{display:flex;flex-direction:column}.box-show .box_sm{width:100%}.own-picture{margin-left:30%}.project-name{display:none}.link{position:absolute;top:-190px;left:50%}.link a{height:50px}.icon{font-size:54px!important;height:30px}.technology{position:absolute;top:-120px;left:-17%}.project-details{display:none}}@media screen and (max-width:480px){.container{max-width:360px!important}.box-show .box_sm{margin-bottom:15px}.about-description{width:80%}.logo-img{margin-left:-50px}.header-content h1{font-size:40px!important}.header-content{margin-top:7rem}.header-content h2{font-size:28px!important;line-height:55px}.own-picture{margin-left:20%}.bgline{height:230px;left:-13%}.experience-section-name{margin-left:2%}.project-individual-details .technology{display:none!important}.project__image{height:180px}.link{position:absolute;top:-100px;left:45%}.project-info{margin-top:200px}.image{margin-top:-40%}#small-project{margin-top:100px}.box_sm:hover{transform:translateY(0)}.contact h1{font-size:40px}.contact-info{width:80%}.header-description{width:380px}.button-touch{width:130px;height:50px;font-size:13px}.section-name .line-about:after{width:100px!important}.section-name .line1-about:after{width:70px!important}.header-description{width:280px;margin-left:-5px}.about-description,.experience-area .single-experience{width:100%}.icon-first{font-size:38px}.box_sm{height:310px}.project-tech{margin-left:18%}.button-showMore{width:118px;height:50px;font-size:12px}.button-contact{width:110px;height:40px;font-size:12px}.contact-info{width:100%;margin-top:50px;text-align:center}.section-name .line-about:after{display:none}.section-name .line1-about:after{display:none!important}}@media screen and (max-width:375px){.logo-img{margin-left:-30px}.container{max-width:320px!important}}@media screen and (max-width:360px){.container{max-width:300px!important}}@media screen and (max-width:320px){.experience-area .single-experience{padding-left:20px}.header-content{margin-top:7rem;margin-left:6%}.logo-img{margin-left:-27px}.section-name .line-about:after{display:none}.section-name .line1-about:after{display:none!important}}body{background-color:#000}
/*# sourceMappingURL=main.288c11b2.chunk.css.map */