.Btn{border:none;border-radius:50px;width:110px;height:45px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;position:relative;background-color:#0c0c0c;overflow:hidden}.text{width:120px;letter-spacing:1px;font-weight:600}.svgIcon{margin-left:11px;color:#fff}.container{height:100%;width:100%;overflow:hidden;padding:6.5rem 1rem 2rem 100px;background:#000;display:flex;flex-direction:column;flex-wrap:wrap}.container h2:first-of-type,.container h2:nth-of-type(2){color:var(--secondary-Color);font-size:25px}.container h2:nth-of-type(2){margin-left:50px}.container h1 span:after{display:none}.container h1{font-size:100px;display:block;margin:2% 0 0 8%;font-weight:900;position:relative}.container h1 span:first-of-type{font-size:20px;position:absolute;color:var(--secondary-Color);top:0;left:-40px}.container h3:first-of-type{margin-top:50px}.container h3:nth-of-type(2),.container h3:nth-of-type(3){margin-top:10px}.container h3:nth-of-type(3) a{color:#3ccf91}.container h3{font-size:20px;color:#ded8d8;font-weight:500;display:inline-block;width:50%}.container h3 span{color:var(--secondary-Color)}.buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:19px;margin-top:24px}@media screen and (min-width:827px)and (max-width:939px){.container h1{font-size:80px}}@media screen and (min-width:690px)and (max-width:827px){.container h1{font-size:70px}.container h2:nth-of-type(2){font-size:23px}.container h3{width:70%}}@media screen and (min-width:600px)and (max-width:689px){.container h1{font-size:60px}.container h2:first-of-type{font-size:22px}.container h3{width:80%}}@media screen and (min-width:460px)and (max-width:599px){.container{padding:6.5rem 1rem 2rem 30px}.container h1{font-size:50px;margin:7% 0 0 8%}.container h1 span:first-of-type{font-size:15px;left:-40px}.container h3{width:80%}}@media screen and (min-width:373px)and (max-width:459px){.container{padding:6.5rem 1rem 2rem 30px}.container h1{font-size:40px;margin:7% 0 0 8%}.container h1 span:first-of-type{font-size:15px;left:-40px}.container h2:nth-of-type(2){font-size:20px}.container h3{width:90%;font-size:14px}}@media screen and (min-width:340px)and (max-width:372px){.container{padding:6.5rem 1rem 2rem 30px}.container h1{font-size:35px;margin:6% 0 0 8%}.container h1 span:first-of-type{font-size:15px;left:-40px}.container h2:first-of-type{font-size:16px;margin-left:20px}.container h2:nth-of-type(2){font-size:20px}.container h3{width:90%;font-size:18px}}@media screen and (max-width:339px){.container{padding:6.5rem 1rem 2rem 30px}.container h1{font-size:25px;margin:6% 0 0 8%}.container h1 span:first-of-type{font-size:10px;left:-30px}.container h3:first-of-type{margin-top:20px}.container h2:nth-of-type(2){margin-top:10px;padding:0!important}.container h2:first-of-type,.container h2:nth-of-type(2){font-size:13px;margin-left:20px}.container h3{width:95%;font-size:12px}}.IntroductionMain{height:100%;width:100%;display:flex;flex-wrap:wrap;overflow:hidden}.IntroductionMain .AboutsubfromMain{height:100%;border-radius:20px;margin:0 4%}.IntroductionMain .AboutsubfromMain img{width:500px;border-radius:20px}.IntroductionMain .AboutsubfromMain:nth-of-type(2){width:50%}.IntroductionMain .AboutsubfromMain:nth-of-type(2) h2{padding:4rem 1rem 0 6rem}.IntroductionMain .AboutsubfromMain:nth-of-type(2) p:first-of-type{margin-top:40px}.IntroductionMain .AboutsubfromMain:nth-of-type(2) p:nth-of-type(2),.IntroductionMain .AboutsubfromMain:nth-of-type(2) p:nth-of-type(3){margin-top:10px}.IntroductionMain .AboutsubfromMain:nth-of-type(2) p{width:90%;line-height:25px;color:#eae2e2;font-size:17px}.IntroductionMain .AboutsubfromMain:nth-of-type(2) p a{color:var(--secondary-Color)}.IntroductionMain .AboutsubfromMain:nth-of-type(2) button{margin-top:25px;margin-left:25px}@media screen and (min-width:1111px)and (max-width:1200px){.IntroductionMain .AboutsubfromMain img{width:554px}.AboutsubfromMain:nth-of-type(2){width:100%}}@media screen and (min-width:996px)and (max-width:1111px){.IntroductionMain .AboutsubfromMain img{width:496px;margin-top:30px}.AboutsubfromMain:nth-of-type(2){width:100%}}@media screen and (min-width:850px)and (max-width:995px){.IntroductionMain .AboutsubfromMain img{width:422px;margin-top:90px}.AboutsubfromMain:nth-of-type(2){width:100%}}@media screen and (min-width:730px)and (max-width:840px){.IntroductionMain .AboutsubfromMain img{width:422px;margin-left:50%}.IntroductionMain .AboutsubfromMain:nth-of-type(2){width:75%;margin-left:180px}}@media screen and (min-width:600px)and (max-width:729px){.IntroductionMain .AboutsubfromMain img{width:422px;margin-left:30%}.IntroductionMain .AboutsubfromMain:nth-of-type(2){width:75%;margin-left:120px}}@media screen and (min-width:490px)and (max-width:599px){.IntroductionMain .AboutsubfromMain img{width:422px;margin-left:12%}.IntroductionMain .AboutsubfromMain:nth-of-type(2){width:100%;margin-left:90px}}@media screen and (min-width:382px)and (max-width:489px){.IntroductionMain .AboutsubfromMain img{width:322px;margin-left:20%}.IntroductionMain .AboutsubfromMain:nth-of-type(2){width:100%;margin-left:40px}}@media screen and (max-width:380px){.IntroductionMain .AboutsubfromMain img{width:222px;margin-left:20%}.IntroductionMain .AboutsubfromMain:nth-of-type(2){width:100%;margin-left:40px}.about{padding:4rem 1rem 0 2rem!important}p{font-size:15px!important}}.BtnCV{width:50px;height:50px;border:none;border-radius:50%;background-color:#1b1b1b;flex-direction:column;justify-content:center;cursor:pointer;position:relative;transition-duration:.3s;box-shadow:2px 2px 10px rgba(0,0,0,.11)}.BtnCV,.ButtonInAbout{display:flex;align-items:center}.ButtonInAbout{flex-wrap:wrap}.svgIconCV{fill:#3ccf91}.icon2CV{width:18px;height:5px;border-bottom:2px solid #3ccf91;border-left:2px solid #3ccf91;border-right:2px solid #3ccf91}.SeeResume{cursor:pointer;font-weight:600;font-family:Helvetica,"sans-serif";transition:all .2s;padding:10px 15px;border-radius:100px;color:#fff;background:rgba(34,34,34,.133);border:1px solid transparent;display:flex;align-items:center;font-size:15px;background:#1b1b1b}.SeeResume>svg{width:30px;stroke:#3ccf91;margin-left:10px;transition:transform .3s ease-in-out}.SeeResume:hover svg{transform:translateX(5px)}.SeeResume:active{transform:scale(.95)}.tooltipCV{right:-155px;opacity:0;color:#3ccf91;padding:5px 10px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition-duration:.2s;pointer-events:none;letter-spacing:.5px}.tooltipCV,.tooltipCV:before{position:absolute;background-color:#0c0c0c}.tooltipCV:before{content:"";width:10px;height:10px;background-size:1000%;background-position:50%;transform:rotate(45deg);left:-5%;transition-duration:.3s}.BtnCV:hover .tooltipCV{opacity:1;transition-duration:.3s}.BtnCV:hover{background-color:#3ccf91;transition-duration:.3s}.BtnCV:hover .icon2CV{border-bottom:2px solid #ebebeb;border-left:2px solid #ebebeb;border-right:2px solid #ebebeb}.BtnCV:hover .svgIconCV{fill:#fff;animation:slide-in-top .6s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-top{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--secondary-Color:#3ccf91}.projectsub{height:100%;width:100%;display:flex;padding:6rem 10rem 1rem;align-items:flex-start;-webkit-box-pack:center;justify-content:center;flex-direction:column}.projectsub h2{font-size:30px}.projectsub p{color:#e7e2e2;font-size:20px;display:inline-block;width:400px;margin-top:10px}.projectsub a{color:var(--secondary-Color);font-size:22px;transition:all 1s;margin-top:20px}.projectsub a:hover{color:aqua}.portfolio{display:flex;flex-direction:row;margin-top:50px;gap:55px;justify-content:center;flex-wrap:wrap}.portfolio-card{height:100%;width:450px;min-height:100%;border-radius:10px;border-color:rgba(59,17,17,.16);background:#121111;box-sizing:border-box;position:relative}.portfolio-card a{color:#fff}.portfolio-card a:hover{color:#3ccf91}.portfolio-card img{width:450px;height:310px;border-radius:20px;object-fit:cover}.portfolio-card h3{font-size:25px;text-align:center}.portfolio-card .firstsvg{margin-left:190px}.portfolio-card svg{margin-left:17px;margin-top:13px}.portfolio-card p{padding-left:10px;text-align:center;font-size:17px}.portfolio-card h2{font-size:20px;font-weight:200;width:90%}.portfolio-card h2 span{font-size:17px;color:#3ccf91}@media screen and (min-width:1145px)and (max-width:1277px){.projectsub{padding:6rem 2rem 1rem 5rem}}@media screen and (max-width:1140px){.projectsub{padding:6rem 2rem 1rem 1rem}}@media screen and (min-width:380px)and (max-width:583px){.portfolio-card img{width:354px;height:175px}.portfolio-card{width:354px}.portfolio-card h3{font-size:17px}.portfolio-card svg{margin-right:-81px}.projectsub p{width:96%}}@media screen and (min-width:320px)and (max-width:380px){.portfolio-card img{width:302px;height:125px}.portfolio-card{width:300px}.portfolio-card .firstsvg{margin-left:151px}.portfolio-card h3{font-size:17px}.projectsub h2{font-size:22px}.projectsub p{width:96%}}@media screen and (max-width:310px){.portfolio-card img{width:250px;height:125px}.portfolio-card{width:250px}.portfolio-card h3,.projectsub h2{font-size:17px}.projectsub p{width:96%}}@media screen and (max-width:773px){.Keeptouch p{width:93%!important}}@media screen and (max-width:380px){.portfolio-card .firstsvg{margin-left:97px}}@media screen and (max-width:400px){.portfolio-card h2 span{font-size:15px!important}}.Keeptouch{height:100%;width:100%;display:flex;flex-direction:column;padding:10rem 0 2rem;align-items:center}.Keeptouch p{margin-top:30px;width:60%;font-size:18px;line-height:30px;text-align:center}.social-buttons{margin-top:30px;background-color:#121111;box-shadow:0 0 15px rgba(0,0,0,.153);padding:15px 10px;border-radius:5em}.social-button,.social-buttons{display:flex;justify-content:center;align-items:center}.social-button{width:50px;height:50px;border-radius:50%;margin:0 10px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.153);transition:.3s}.social-button:hover{background-color:#f2f2f2;box-shadow:0 0 6px 3px rgba(0,0,0,.153)}.social-buttons svg{transition:.3s;height:20px}.facebook{background-color:#3b5998}.facebook svg{fill:#f2f2f2}.facebook:hover svg{fill:#3b5998}.github{background-color:#333}.github svg{width:25px;height:25px;fill:#f2f2f2}.github:hover svg{fill:#333}.linkedin{background-color:#0077b5}.linkedin svg{fill:#f2f2f2}.linkedin:hover svg{fill:#0077b5}.instagram{background-color:#c13584}.instagram svg{fill:#f2f2f2}.instagram:hover svg{fill:#c13584}@import"https://fonts.googleapis.com/css?family=Open+Sans";*{box-sizing:border-box;font-family:Open Sans,sans-serif}.headercontainer{padding:0 15px}@media(min-width:0){.headercontainer{max-width:100%;margin-left:auto;margin-right:auto}.headercontainer:after{content:" ";display:block;clear:both}}@media(min-width:576px){.headercontainer{max-width:540px;margin-left:auto;margin-right:auto}.headercontainer:after{content:" ";display:block;clear:both}}@media(min-width:768px){.headercontainer{max-width:720px;margin-left:auto;margin-right:auto}.headercontainer:after{content:" ";display:block;clear:both}}@media(min-width:992px){.headercontainer{max-width:960px;margin-left:auto;margin-right:auto}.headercontainer:after{content:" ";display:block;clear:both}}@media(min-width:1200px){.headercontainer{max-width:1170px;margin-left:auto;margin-right:auto}.headercontainer:after{content:" ";display:block;clear:both}}a{text-decoration:none}a,a :focus,a:hover{color:#fff}.menu-left a{display:inline-block;position:relative;padding-bottom:0;transition:color .35s ease}.menu-left a:before{left:0;transition:width 0s ease,background .35s ease}.menu-left a:after,.menu-left a:before{content:"";display:block;position:absolute;bottom:0;height:2px;width:0}.menu-left a:after{right:0;background:#fff;transition:width .35s ease}.menu-left a:hover:before{width:100%;background:#fff;transition:width .35s ease}.menu-left a:hover:after{width:100%;background:transparent;transition:all 0s ease}header{position:fixed;top:0;left:0;width:100vw;padding:.5rem 0;background:#000;z-index:3;will-change:transform;transition:background .3s,-webkit-transform .5s cubic-bezier(.694,.048,.335,1);transition:transform .5s cubic-bezier(.694,.048,.335,1),background .3s;transition:transform .5s cubic-bezier(.694,.048,.335,1),background .3s,-webkit-transform .5s cubic-bezier(.694,.048,.335,1);transform:translateY(0);-webkit-transform:translateY(0)}header nav .logo{float:left;padding-top:.25rem;padding-bottom:.25rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;font-weight:500}header nav .logo:after{content:"";display:table;clear:both}header nav ul{list-style:none;padding-left:0;margin:0}header nav ul li{float:none;margin-left:0}@media(min-width:768px){header nav ul li{float:left;margin-left:1rem}}header nav ul li a{display:block}@media(min-width:576px){header nav ul li a{display:block;padding:.425rem 0}}@media(max-width:768px){ul{clear:both}ul li{padding:.5em 0}}.hide-nav{transform:translateY(-120% !important);-webkit-transform:translateY(-120%)!important}ul.menu-left{display:block;max-height:0;overflow:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;z-index:10}@media(min-width:768px){ul.menu-left{display:block!important;float:right;max-height:none}}ul.menu-left:before{content:"";display:table;clear:both}ul.menu-left.collapse{max-height:15em!important}.nav-toggle{display:block;border-radius:5px;background-color:transparent;float:right;height:38px;width:38px;cursor:pointer;padding:8px}.nav-toggle.open span:first-child{transform:rotate(45deg) translate(4.4px,4.4px)}.nav-toggle.open span:nth-child(2){width:0;opacity:0}.nav-toggle.open span:last-child{transform:rotate(-45deg) translate(4.4px,-4.4px)}@media(min-width:768px){.nav-toggle{display:none}}.nav-toggle span{position:relative;display:block;height:2px;width:100%;margin-top:4px;background-color:#fff;transition:all .25s}.stack{display:grid;grid-template-columns:1fr;color:#fff}.stack span{font-weight:700;grid-row-start:1;color:#fff;grid-column-start:1;font-size:1.2rem;--stack-height:calc(100% / var(--stacks) - 1px);--inverse-index:calc(calc(var(--stacks) - 1) - var(--index));--clip-top:calc(var(--stack-height) * var(--index));--clip-bottom:calc(var(--stack-height) * var(--inverse-index));clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0);animation:stack .34s cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--index)*.12s),glitch 2s ease infinite 2s alternate-reverse}.stack span:nth-child(odd){--glitch-translate:8px}.stack span:nth-child(2n){--glitch-translate:-8px}@keyframes stack{0%{opacity:0;transform:translateX(-50%);text-shadow:-2px 3px 0 red,2px -3px 0 blue}60%{opacity:.5;transform:translateX(50%)}80%{transform:none;opacity:1;text-shadow:2px -3px 0 red,-2px 3px 0 blue}to{text-shadow:none}}@keyframes glitch{0%{text-shadow:-2px 3px 0 red,2px -3px 0 blue;transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 red,-2px 3px 0 blue}4%,to{text-shadow:none;transform:none}}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:40px;padding:0 0 2em}footer a{color:#3ccf91;font-weight:600}*{margin:0;padding:0}body{background:#000;color:#fff}