.home{position:relative;z-index:1;height:100%}.home,.home__text-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}.home__text-wrapper h1{color:var(--selected-theme-sub-text-color);margin:0;font-weight:400;font-size:7rem;position:relative;overflow:hidden;white-space:nowrap}.home__text-wrapper h1 span{color:var(--selected-theme-main-color)}.home__skills{color:var(--selected-theme-sub-text-color);margin:0;font-weight:400;font-size:23px;padding-bottom:10px;position:relative;overflow:hidden;white-space:nowrap}.home__skills__description{display:flex;gap:10px}.home__skills__description .fix{color:#a2a2a2}.home__skills__description__wrapper{display:flex;flex-direction:column;margin-bottom:-60px}.home__skills__description__wrapper b{opacity:0}.home__skills__description__wrapper .visible{opacity:1}.home .contact-me{flex-direction:column;align-items:center;margin-top:10px}.home .contact-me,.home .contact-me__buttons-wrapper{display:flex;gap:10px}.home .contact-me__buttons-wrapper a{cursor:pointer;font-size:1.5rem;text-decoration:none;color:#fff;display:inline-block;background-color:var(--selected-theme-main-color);padding:10px 40px;text-align:center;border-radius:50px;font-family:Poppins;transition:all .3s ease}.home .contact-me__buttons-wrapper a:hover{color:#000;background:var(--selected-theme-sub-text-color)}.home .contact-me__socials-wrapper{display:flex;gap:10px}.home .contact-me__socials-wrapper svg{color:var(--selected-theme-main-color);cursor:pointer}.home .contact-me__socials-wrapper svg :hover{color:#fff}@media only screen and (max-width:550px){.home__text-wrapper>h1{display:flex;flex-direction:column;gap:10px;font-size:6rem;line-height:5rem}.contact-me,.contact-me__buttons-wrapper{flex-direction:column}}@media only screen and (min-width:551px)and (max-width:768px){.home__text-wrapper>h1{font-size:6rem;line-height:6rem}}@media only screen and (min-width:769px)and (max-width:990px){.home__text-wrapper>h1{font-size:6rem;line-height:8rem}}.App{height:calc(100% - 141px);max-width:100vw;margin:auto;bottom:0}.App__main-content-wrapper{top:141px;height:calc(100% - 141px)}.wrapper{display:flex;align-items:center;padding-bottom:20px;border-bottom:1px dashed var(--selected-theme-main-color);gap:10px}.wrapper h2{font-size:36px;font-weight:500}.wrapper span svg{color:var(--selected-theme-main-color)}@media only screen and (max-width:768px){.wrapper{padding:30px 20px 0}.wrapper h2{gap:10px;font-size:20px;font-weight:300;padding:10px}}.contact{margin:auto;max-width:800px}.contact__content{display:flex;padding-top:50px}.contact__content__left{width:50%;padding-right:50px}.contact__content__left li{list-style-type:none;width:100%;height:45px;margin-bottom:20px;background-color:#222;border:none;padding:10px;z-index:1;border-radius:10px;text-decoration:none}.contact__content__left li a,.contact__content__left li span{text-decoration:none;transition:all .3s ease;font-size:15px}.contact__content__left li .icon{align-items:center;padding-left:10px;color:var(--selected-theme-main-color)}.contact__content__left li .value{color:#fff;cursor:pointer;padding-left:20px}.contact__content__left li a{color:#fff;cursor:pointer}.contact__content__left li .value:hover{color:var(--selected-theme-main-color)}.contact__content__right{width:50%;padding-left:50px}.contact__content__form__controlsWrapper{margin-bottom:10px}.contact__content__form__controlsWrapper__first{margin-bottom:20px;display:flex}.contact__content__form__controlsWrapper__first div{margin:0;width:50%}.contact__content__form__controlsWrapper__first .nameWrapper{padding-right:20px}.contact__content__form__controlsWrapper__first .emailWrapper{padding-left:20px}.contact__content__form__controlsWrapper div{position:relative}.contact__content__form__controlsWrapper div .inputEmail,.contact__content__form__controlsWrapper div .inputMessage,.contact__content__form__controlsWrapper div .inputName{width:100%;background-color:#222;border:none;color:#a2a2a2;padding:20px;z-index:1;border-radius:10px}.contact__content__form__controlsWrapper div .inputEmail,.contact__content__form__controlsWrapper div .inputName{height:45px}.contact__content__form__controlsWrapper div .messageWrapper{height:108px}.contact__content__form__controlsWrapper div .inputEmail:focus,.contact__content__form__controlsWrapper div .inputMessage:focus,.contact__content__form__controlsWrapper div .inputName:focus{outline:none}.contact__content__form button{cursor:pointer;border:none;font-size:1.5rem;text-decoration:none;color:#fff;display:inline-block;background-color:var(--selected-theme-main-color);padding:10px 40px;text-align:center;border-radius:50px;font-family:Poppins;transition:all .3s ease}.contact__content__form button:hover{color:#000;background:var(--selected-theme-sub-text-color)}@media only screen and (max-width:768px){.contact__content{margin-top:30px;padding:0 20px;flex-wrap:wrap}.contact__content__left,.contact__content__right{width:100%;padding:0}}.nav{width:100%;background-color:#111}.navbar{font-size:15px;position:fixed;top:0;z-index:2;background-color:#111}.navbar,.navbar__container{height:61px;display:flex;justify-content:center;align-items:center}.navbar__container{width:100vw;padding:0 40px}.navbar__container__logo{color:var(--selected-theme-main-color);cursor:pointer;font-size:2rem;flex-grow:1}.navbar__container__menu{display:flex;list-style:none;text-align:center}.navbar__container__menu__item{line-height:40px;margin-right:1.5rem;font-size:1.6rem}.navbar__container__menu__item__links{color:var(--selected-theme-sub-text-color);text-decoration:none;padding:.5rem 1rem}.navbar__container__menu__item__links:hover{transition:all .5s ease;color:var(--selected-theme-main-color)}.navbar__container__menu__item .active{color:var(--selected-theme-main-color)}.navbar__container__menu__item:last-child{margin:0}.nav-icon{display:none}@media only screen and (max-width:768px){.navbar__container{padding:0 20px;width:100vw}.navbar__container__menu{display:flex;flex-direction:column;justify-content:center;width:60%;position:absolute;top:61px;left:-110%;opacity:1;transition:all .5s ease}.navbar__container__menu.active{background:#181818;left:0;opacity:1;z-index:1;transition:all .5s ease}.navbar__container__menu__item{border-bottom:1px solid #282828;margin:0;padding:20px 0}.nav-icon{display:block;cursor:pointer;color:var(--selected-theme-sub-text-color)}}.about{margin:auto;max-width:800px;display:flex}.about__left{padding-top:60px;height:320px;width:320px}.about__left img{height:inherit;object-fit:cover;width:100%}.about__right{padding-top:70px;padding-left:75px;width:480px}.about__right__text{display:flex;flex-direction:column;padding-bottom:10px;border-bottom:1px dashed var(--selected-theme-main-color);gap:10px}.about__right__text h2{gap:10px;padding-bottom:10px;font-size:36px;font-weight:500;letter-spacing:1.5px;line-height:1rem;text-transform:capitalize;color:var(--selected-theme-sub-text-color);position:relative;display:flex;flex:1}.about__right__text .lastText{color:var(--selected-theme-main-color)}.about__right__text__skills{color:var(--selected-theme-sub-text-color);margin:0;font-weight:400;font-size:23px;position:relative;overflow:hidden;white-space:nowrap}.about__right__text__skills__description{display:flex;gap:10px}.about__right__text__skills__description .fix{color:#a2a2a2}.about__right__text__skills__description__wrapper{display:flex;flex-direction:column;margin-bottom:-60px}.about__right__text__skills__description__wrapper b{opacity:0}.about__right__text__skills__description__wrapper .visible{opacity:1}.about__right__text__description{padding:20px 0;font-family:Mulish;font-size:16px;line-height:1.7;letter-spacing:.2px;word-wrap:break-word;font-weight:400;color:#a2a2a2}.about__right__text__description span{color:#fff}.about__right button{cursor:pointer;border:none;font-size:1.5rem;text-decoration:none;color:#fff;display:inline-block;background-color:var(--selected-theme-main-color);padding:10px 40px;text-align:center;border-radius:50px;font-family:Poppins;transition:all .3s ease}.about__right button:hover{color:#000;background:var(--selected-theme-sub-text-color)}@media only screen and (max-width:768px){.about{display:flex;flex-direction:column}.about__left{padding-top:0;margin:auto}.about__right{margin:auto;padding-top:30px;padding-left:0;width:320px}}.cd-headline .cd-words-wrapper{display:inline-block;perspective:300px;position:relative;height:2em}.cd-headline .cd-words-wrapper b{opacity:0;transform-origin:50% 100%;transform:rotateX(180deg);display:inline-block;position:absolute;left:0;top:0;width:100%;text-align:center}.cd-headline .cd-words-wrapper b.is-visible{position:relative;opacity:1;transform:rotateX(0deg);animation:cd-rotate-1-in 1.2s forwards}.cd-headline .cd-words-wrapper b.is-hidden{transform:rotateX(180deg);animation:cd-rotate-1-out 1.2s forwards}@keyframes cd-rotate-1-in{0%{transform:rotateX(180deg);opacity:0}50%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0deg);opacity:1}}@keyframes cd-rotate-1-out{0%{transform:rotateX(0deg);opacity:1}50%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(180deg);opacity:0}}.Modal{min-width:360px}.resume{max-width:800px;margin:-80px auto auto;background-color:#111}.resume__content{background-color:#1d1d1d;display:flex;margin:auto}.resume__left{z-index:4;padding:35px 25px;max-height:calc(100vh - 61px);width:284px;border-right:1px dashed #a2a2a2;text-align:center;position:sticky;top:61px}.resume__left__text{display:flex;flex-direction:column;padding-top:15px;align-items:center;gap:10px}.resume__left__text h2{gap:10px;font-size:19px;font-weight:300;letter-spacing:1.5px;line-height:1rem;text-transform:capitalize;color:var(--selected-theme-sub-text-color);position:relative;display:flex;flex:1}.resume__left__text .lastText{color:var(--selected-theme-main-color)}.resume__left__text__skills{color:var(--selected-theme-sub-text-color);margin:0;font-weight:200;font-size:15px;position:relative;overflow:hidden;white-space:nowrap}.resume__left__text__skills__description{display:flex;gap:10px}.resume__left__text__skills__description .fix{color:#a2a2a2}.resume__left__text__skills__description__wrapper{display:flex;flex-direction:column;margin-bottom:-60px}.resume__left__text__skills__description__wrapper b{opacity:0}.resume__left__text__skills__description__wrapper .visible{opacity:1}.resume__left__text .personaldata{display:flex;flex-direction:column;padding-top:15px;align-items:flex-start;text-align:start}.resume__left__text li{list-style-type:none;width:100%;padding:10px 0;z-index:1;text-decoration:none;border:none;border-bottom:1px dashed hsla(0,0%,100%,.15)}.resume__left__text li a,.resume__left__text li span{text-decoration:none;transition:all .3s ease;font-size:15px}.resume__left__text li .icon{align-items:center;padding-left:5px;color:var(--selected-theme-main-color)}.resume__left__text li .value{color:#fff;cursor:pointer;padding-left:20px}.resume__left__text li a{color:#fff;cursor:pointer}.resume__left__text li .value:hover,.resume__left__text li a:hover{color:var(--selected-theme-main-color)}.resume__left__text li .a,.resume__left__text li .b{color:#a2a2a2;padding-left:20px}.resume__left__text button{margin-top:40px;cursor:pointer;border:none;font-size:1.5rem;text-decoration:none;color:#fff;display:inline-block;background-color:var(--selected-theme-main-color);padding:10px 40px;text-align:center;border-radius:50px;font-family:Poppins;transition:all .3s ease}.resume__left__text button:hover{color:#000;background:var(--selected-theme-sub-text-color)}.resume__left img{height:inherit;object-fit:cover;max-width:50%;border-radius:100%}.resume__right{z-index:2;padding:60px 40px;max-width:515px;color:#a2a2a2;font-size:16px}.resume__right .sticky{max-width:515px;margin-top:-60px;margin-left:-40px;position:sticky;content:"";top:61px;left:0;right:0;height:50px;background-color:#1d1d1d;z-index:3;margin-bottom:10px}.resume__right__text__description{padding:40px 0;font-family:Mulish;font-size:16px;line-height:1.7;letter-spacing:.2px;word-wrap:break-word;font-weight:400}.resume__right__text__description span{color:#fff}.resume__right .services__item{padding:40px 0}.resume__right .services__item li{padding-left:25px;list-style:none}.resume__right .services__item li .i{position:absolute;left:-7px;top:50%;transform:translateY(-50%);color:var(--selected-theme-main-color);font-size:16px;margin-top:1px}.resume__right .services__item__wrapper{margin-bottom:8px}.resume__right .programingskills__content{padding:40px 0}.resume__right .programingskills__content div{padding-bottom:20px}.resume__right .programingskills__content div .text-wrapper{padding-bottom:0;display:flex;justify-content:space-between}.resume__right .languageskills__content{margin-top:54px;margin-left:-20px;padding:40px 0}.resume__right .languageskills__content .languageskills__progressbar-wrapper{display:flex;list-style:none;row-gap:20px}.resume__right .languageskills__content .languageskills__progressbar-wrapper div{display:flex;flex-direction:column-reverse;align-items:center}.resume__right .languageskills__content .languageskills__progressbar-wrapper li{margin-left:20px}.resume__right .languageskills__content .languageskills__progressbar-wrapper li .circle-bar{width:100%}.resume__right .languageskills__content .languageskills__progressbar-wrapper .CircularProgressbar-text{margin-bottom:-87px;margin-right:-26px;font-size:25px}.resume__right .edutimeline__content{padding:40px 0}.resume__right .edutimeline__wrapper div{display:flex;justify-content:space-between;padding-bottom:45px;padding-left:20px;border-left:1px solid #a2a2a2}.resume__right .edutimeline__wrapper div span{padding:8px 15px 0 0;background-color:hsla(0,0%,100%,.05);font-size:14px;border:none;z-index:1;border-radius:50px;margin-bottom:10px}.resume__right .edutimeline__wrapper div span .circle-fill{color:var(--selected-theme-main-color);left:-30px}.resume__right .edutimeline__wrapper div h3{color:#fff}.resume__right .edutimeline__wrapper div h3 h6{margin-top:2px;font-weight:100;color:#a2a2a2}.resume__right .edutimeline__wrapper .a{padding-top:10px}.resume__right .edutimeline__wrapper .c{padding-bottom:10px}.resume__right .worktimeline__content{padding:40px 0}.resume__right .worktimeline__wrapper div{display:flex;justify-content:space-between;padding-bottom:45px;padding-left:20px;border-left:1px solid #a2a2a2}.resume__right .worktimeline__wrapper div span{display:flex;padding:8px 15px 0 0;background-color:hsla(0,0%,100%,.05);font-size:14px;border:none;z-index:1;border-radius:50px;margin-bottom:10px}.resume__right .worktimeline__wrapper div span .circle-fill{color:var(--selected-theme-main-color);left:-30px}.resume__right .worktimeline__wrapper div h3{color:#fff}.resume__right .worktimeline__wrapper div h3 h6{margin-top:2px;font-weight:100;color:#a2a2a2}.resume__right .worktimeline__wrapper .a{padding-top:10px}.resume__right .worktimeline__wrapper .c{padding-bottom:10px}.li{list-style:none}@media only screen and (max-width:768px){.resume__right .languageskills__content .languageskills__progressbar-wrapper .CircularProgressbar-text{margin-bottom:-69px;margin-right:-26px;font-size:25px}.resume__content{display:flex;flex-direction:column}.resume__left{position:static;margin:auto;z-index:4;padding:80px 0;max-height:calc(100vh - 61px);width:320px;border:none;text-align:center}.resume__left__text .personaldata{width:100%;align-items:stretch}.resume__right{margin:auto;padding:80px 0;width:320px;text-align:start;align-items:stretch}.resume__right .sticky{visibility:hidden}.resume__right div{padding-left:0;padding-right:0}}.wrapper{padding-top:0;padding-bottom:0}.wrapper h2{gap:10px;padding-bottom:20px;font-size:19px;font-weight:300;letter-spacing:1.5px;line-height:1rem;text-transform:capitalize;color:var(--selected-theme-sub-text-color);position:relative;display:flex;flex:1;border-bottom:1px dashed var(--selected-theme-main-color)}.wrapper .lastText{color:var(--selected-theme-main-color)}.blog{margin:auto;max-width:800px}.blog__content{width:100%}.blog__content__card{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:30px}.blog__content__card__item{height:300px;cursor:pointer;position:relative}.blog__content__card__item__img-wrapper{height:70%}.blog__content__card__item__img-wrapper p{height:100%;border-radius:10px}.blog__content__card__item__img-wrapper p img{border-top-left-radius:10px;border-top-right-radius:10px;height:inherit;object-fit:cover;width:100%}.blog__content__card__item .title{background-color:#222;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:30%;padding:20px}.blog__content__card__item .title .blogtitle{word-wrap:break-word;font-size:14px;color:var(--selected-theme-sub-text-color);transition:all .3s ease}.blog__content__card__item .blogtitle:hover{color:var(--selected-theme-main-color)}.blog__content__card__item .blogcatagory{word-wrap:break-word;padding-top:5px;font-size:12px;color:#a2a2a2;transition:all .3s ease}.blog__content__card .blogcatagory:hover{color:var(--selected-theme-sub-text-color)}.link{text-decoration:none}.blogpage{margin:auto;max-width:800px;background-color:#222;z-index:20;opacity:1;visibility:visible;transition:all .3s ease}.blogpage__content{z-index:20;margin:auto;max-width:700px;background-color:transparent;display:flex;flex-direction:row-reverse}.blogpage__content .x__icon{color:var(--selected-theme-sub-text-color);margin-right:-30px;margin-top:30px;cursor:pointer;border:2px solid var(--selected-theme-sub-text-color);border-radius:10px;padding:5px}.blogpage__content .x__icon:hover{border-radius:50%}.blogpage__content__card__item{padding:30px 0;margin:auto;max-width:600px}.blogpage__content__card__item__img-wrapper p{height:300px;margin:auto}.blogpage__content__card__item__img-wrapper p img{border-radius:10px;height:inherit;object-fit:cover;width:100%}.blogpage__content .blogpage__title{border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:20px}.blogpage__content .blogpage__title .blogpage__blogtitle{word-wrap:break-word;font-size:25px;color:var(--selected-theme-sub-text-color);transition:all .3s ease}.blogpage__content .blogpage__blogtitle:hover{color:var(--selected-theme-main-color)}.blogpage__content .blogpage__blogcatagory,.blogpage__content .blogpage__blogdescription{word-wrap:break-word;padding-top:5px;font-size:15px;color:#a2a2a2;transition:all .3s ease}.blogpage__content .blogpage__blogdescription{font-family:Mulish}.blogpage__content .blogpage__blogcatagory:hover{color:var(--selected-theme-sub-text-color)}@media only screen and (max-width:480px){.blogpage{padding:0 30px;width:100vw}.blogpage__content{margin-top:-30px;display:flex;flex-direction:column;align-items:flex-end}.blogpage__content .x__icon{margin-right:0;margin-left:-20px}.blog__content__card{margin:30px;grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:481px)and (max-width:768px){.blogpage{padding:0 30px;width:100vw}.blogpage__content{margin-top:-30px;display:flex;flex-direction:column;align-items:flex-end}.blogpage__content .x__icon{margin-right:0;margin-left:-20px}.blog__content__card{margin:30px;grid-template-columns:repeat(2,1fr)}}.portfolio{margin:auto;max-width:800px}.portfolio__content{width:100%}.portfolio__content__card{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:30px}.portfolio__content__card__item{height:300px;cursor:pointer;position:relative;overflow:hidden}.portfolio__content__card__item__img-wrapper{height:100%}.portfolio__content__card__item__img-wrapper p{height:100%;margin:0}.portfolio__content__card__item__img-wrapper p img{border-radius:10px;height:inherit;object-fit:cover;width:100%;transition:transform .5s ease}.portfolio__content__card__item:hover .overlay{opacity:1;transform:translateY(0)}.portfolio__content__card__item:hover .portfolio__content__card__item__img-wrapper img{transform:scale(.95)}.portfolio__content__card .overlay{position:absolute;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.7);color:#fff;flex-direction:column;opacity:0;transform:translateY(100%);transition:transform .5s ease,opacity .5s ease}.ModalBackdrop,.portfolio__content__card .overlay{left:0;display:flex;justify-content:center;align-items:center}.ModalBackdrop{position:fixed;top:0;width:100vw;height:100vh;z-index:20}.Modal{position:relative;max-width:800px;height:calc(100vh - 0px);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;display:flex;justify-content:center;align-items:center;top:60px}.Modal__main-content-wrapper{width:100%;height:100%;overflow-y:auto}.Modal__close-button{z-index:25;height:20px;max-width:800px;text-align:end;margin-right:20px;background:none;border:2px solid;border-radius:5px;font-size:1.5rem;padding:1px 6px 21px;cursor:pointer}@media only screen and (max-width:480px){.portfolio__content__card{margin:30px;grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:481px)and (max-width:768px){.portfolio__content__card{margin:30px;grid-template-columns:repeat(2,1fr)}}.ProjectDetail{max-width:1200px;margin:0 auto;padding:20px;background:#171616;height:150%;overflow-y:auto}.ProjectDetail__header{text-align:center;margin-bottom:20px}.ProjectDetail__header h1{font-size:2.5rem;margin-bottom:10px}.ProjectDetail__header p{font-size:1.2rem;color:#666}.ProjectDetail__images{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.ProjectDetail__images img{max-width:45%;height:auto;margin:10px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.ProjectDetail__content{display:flex;flex-direction:column;gap:20px}.ProjectDetail__content__additional,.ProjectDetail__content__details,.ProjectDetail__content__tech{background:#171616;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.ProjectDetail__content__additional h2,.ProjectDetail__content__details h2,.ProjectDetail__content__tech h2{font-size:1.8rem;margin-bottom:10px}.ProjectDetail__content__additional li,.ProjectDetail__content__additional p,.ProjectDetail__content__details li,.ProjectDetail__content__details p,.ProjectDetail__content__tech li,.ProjectDetail__content__tech p{font-size:1.1rem;color:#333}.ProjectDetail__content__additional ul,.ProjectDetail__content__details ul,.ProjectDetail__content__tech ul{list-style-type:disc;padding-left:20px}.ProjectDetail strong{color:var(--selected-theme-main-color)}