:root{--showLittleScreen: none;--showBigScreen: block;--sectionPadding: 0 0 60px;--sectionContentPadding: 0 35px;--sectionAllScreenHeight: 100vh;--sectionTitleSize: 52px;--sectionTitlePaddingLeft: 35px;--serviceSubtitleSize: 18px;--hideOnLittleScreen: block;--extraLittleFont: 24px;--littleFont: 35px;--mediumFont: 42px;--bigFont: 75px;--resizeFlexDirection: row;--boxesBorder: 10px;--headerFullContentHeight: unset;--headerPadding: 0;--headerContentJustify: space-around;--headerListMargin: 0 25px;--headerFontLineHeight: 80px;--headerFontSize: 24px;--burgerShowHide: none;--headerFullShowHide: flex;--introLittleFont: 35px;--introMediumFont: 42px;--introBigFont: 75px;--introTextAlign: center;--introTextBorderTop: 8px;--introTextContentMargin: auto auto auto 30px;--introTextContentPadding: 30px;--introTextContentJustify: unset;--introTextContainerWidth: 50%;--introImageSize: 600px;--introImageShowHide: flex;--letsTalkXPosition: 21%;--aboutMeHeight: 650px;--aboutMeImageWidth: 70%;--aboutMeImageHeight: 100%;--aboutImageHero1Position: center 0%;--aboutImageHero2Position: 60% 0%;--aboutImageHero3Position: 20% 0%;--aboutMeGridElementMargin: 0 10px;--aboutMeInfoHeight: unset;--aboutMeTextMargin: 0 20px 30px;--aboutMeDescriptionFontSize: 30px;--aboutInfoFontSize: 19px;--aboutMeTitleJustify: unset;--aboutMeShowHide: inline-flex;--aboutMeInfoContainerMargin: 0 22px;--aboutMeGridRepeatCount: 2;--aboutMeGridWidth: 50%;--socialMediaIconsSize: 42px;--servicesTextAlignment: unset;--servicesBlockWidth: 300px;--servicesBlockPadding: 40px 25px 15px;--skillIconSize: 120px;--showMainSkill: flex;--showImportantSkills: none;--portfolioMargin: 0 10px;--portfolioPadding: 10px;--portfolioListTextSize: 18px;--portfolioFontSize: 22px;--portfolioBlockWidth: 380px;--portfolioBlockHeight: 400px;--longComparingWidth: 400px;--shortComparingWidth: 270px;--extraShortComparingWidth: 230px;--comparingImageWidth: unset;--comparingImagesMargin: 10px;--comparingAfterImageMargin: auto;--testimonalHeight: 350px;--footerPadding: 20px 40px}@media screen and (max-width: 1366px){:root{--sectionPadding: 0 0 45px;--littleFont: 24px;--mediumFont: 32px;--bigFont: 60px;--boxesBorder: 7px;--headerPadding: 0 15px;--headerListMargin: 0 15px;--headerFontLineHeight: 60px;--headerFontSize: 16px;--introLittleFont: 24px;--introMediumFont: 32px;--introBigFont: 58px;--introImageSize: 450px;--introTextContentPadding: 15px 10px;--letsTalkXPosition: 13%;--aboutImageHero1Position: center 0;--aboutImageHero2Position: 60% 0%;--aboutImageHero3Position: 10%;--aboutMeHeight: 500px;--aboutMeGridElementMargin: 0 4px;--aboutMeTextMargin: 0 20px 20px;--aboutMeDescriptionFontSize: 18px;--aboutInfoFontSize: 12px;--socialMediaIconsSize: 32px;--skillIconSize: 90px;--portfolioPadding: 7px;--portfolioFontSize: 18px;--portfolioBlockWidth: 350px;--portfolioBlockHeight: 380px;--footerPadding: 15px 32px}}@media screen and (max-width: 1024px){:root{--showLittleScreen: block;--showBigScreen: none;--sectionContentPadding: 0 10px;--sectionTitleSize: 46px;--sectionTitlePaddingLeft: 15px;--serviceSubtitleSize: 16px;--extraLittleFont: 16px;--littleFont: 18px;--mediumFont: 26px;--bigFont: 48px;--resizeFlexDirection: column;--headerFullContentHeight: 75px;--headerFontLineHeight: 75px;--headerContentJustify: space-between;--headerFullShowHide: none;--sectionPadding: 0 0 30px;--headerListMargin: 0 10px;--burgerShowHide: flex;--burgerPositionVertical: 16px;--introLittleFont: 19px;--introMediumFont: 25px;--introBigFont: 48px;--introTextBorderTop: 5px;--introTextContainerWidth: 60%;--introImageSize: 360px;--introTextContentPadding: 20px 15px;--letsTalkXPosition: 8%;--aboutMeHeight: 850px;--aboutMeInfoHeight: 50%;--aboutMeImageWidth: 100%;--aboutMeImageHeight: 54%;--aboutMeGridElementMargin: 0 10px;--aboutImageHero1Position: center 30%;--aboutImageHero2Position: 0 30%;--aboutImageHero3Position: 10%;--aboutMeTextMargin: 6px 10px 3px;--aboutMeDescriptionFontSize: 15px;--aboutInfoFontSize: 14px;--servicesTextAlignment: justify;--servicesBlockWidth: 250px;--servicesBlockPadding: 10px 15px;--skillIconSize: 60px;--showMainSkill: none;--showImportantSkills: flex;--portfolioPadding: 5px;--portfolioFontSize: 15px;--portfolioListTextSize: 13px;--portfolioBlockWidth: 300px;--portfolioBlockHeight: 330px;--testimonalHeight: 100%;--footerPadding: 15px 22px}}@media screen and (max-width: 768px){:root{--sectionPadding: 0 0 22px;--sectionContentPadding: 0 5px;--sectionTitleSize: 34px;--serviceSubtitleSize: 11px;--hideOnLittleScreen: none;--extraLittleFont: 8px;--littleFont: 16px;--mediumFont: 21px;--bigFont: 32px;--headerFontLineHeight: 60px;--introLittleFont: 20px;--introMediumFont: 22px;--introBigFont: 40px;--introTextAlign: center;--introTextBorderTop: 4px;--introTextContainerWidth: 100%;--introImageShowHide: none;--introTextContentMargin: auto;--introTextContentPadding: 20px 0;--aboutMeHeight: 700px;--aboutImageHero1Position: 25% 30%;--aboutMeTextMargin: 0px 3px 0px;--aboutMeDescriptionFontSize: 13px;--aboutMeTitleJustify: center;--aboutMeShowHide: none;--aboutMeInfoContainerMargin: 0 10px;--aboutMeInfoHeight: 60%;--aboutMeGridRepeatCount: 1;--aboutMeGridWidth: 100%;--socialMediaIconsSize: 24px;--servicesBlockWidth: 270px;--skillIconSize: 50px;--portfolioMargin: 0;--portfolioPadding: 0;--portfolioListTextSize: 11px;--portfolioFontSize: 16px;--portfolioBlockWidth: 100%;--portfolioBlockHeight: 300px;--comparingImageWidth: 63%;--longComparingWidth: 100%;--shortComparingWidth: 270px;--extraShortComparingWidth: 230px;--comparingImagesMargin: 10px 0;--comparingAfterImageMargin: 0;--footerPadding: 15px}}@font-face{font-family:"Poppins-Light";src:url(../assets/Poppins-Light.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Poppins-Medium";src:url(../assets/Poppins-Medium.ttf) format("truetype");font-weight:bold;font-style:normal}body,html{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:"Poppins-Medium",Arial,sans-serif;scroll-behavior:smooth}html{overflow-y:hidden}section{padding:var(--sectionPadding);background-color:var(--color)}section .content{padding:var(--sectionContentPadding)}section.all-screen{max-height:915px;min-height:700px;height:var(--sectionAllScreenHeight)}section .sec-title{padding-left:var(--sectionTitlePaddingLeft);padding-top:15px;margin-bottom:10px;width:100%}section .sec-title .title{font-size:var(--sectionTitleSize);margin:0;cursor:pointer;width:max-content;color:#000;padding-bottom:3px}section .sec-title .title.overline{position:relative}section .sec-title .title.overline::before{content:"";height:3px;position:absolute;left:0;width:20%;bottom:0;background-color:#fbc531;border:1px solid #fbc531;border-radius:5px;transition:all .5s ease}section .sec-title .title.overline:hover::before{border-radius:3px;position:absolute;width:100%}section .sec-title.center{display:flex;justify-content:center;padding-left:0}section .sec-title.center .overline:before{transform:translateX(-50%);left:50%}section .sec-title .subtitle{font-size:var(--serviceSubtitleSize);text-transform:uppercase;color:#000;margin:5px 0}section.dark{background-color:#041c32}section.dark .content .block{background-color:#fff !important}section.dark .sec-title .title{color:#fff}section.dark .sec-title .subtitle{color:#fff}section.light{background-color:#fbc531}section.light .content .block{background-color:rgba(248,246,247,.24)}section.light .sec-title .title{color:#fff}section.light .sec-title .title.overline::before{background-color:#041c32;border:2px solid #041c32}section.light .sec-title .subtitle{color:#fff}h6,h1,h3,h2,h4{margin:0;padding:0}.hero1{background-image:url(../assets/hero1.webp);background-size:cover;background-position:5% 0;background-repeat:no-repeat}.hero2{background-image:url(../assets/hero2.webp);background-size:cover;background-position:5% 0;background-repeat:no-repeat}.hero3{background-image:url(../assets/hero3.webp);background-size:cover;background-position:90% 0;background-repeat:no-repeat}.about-armenia{background-image:url(../assets/about-armenia.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.suren-portfolio{background-image:url(../assets/portfolio.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.im-planer{background-image:url(../assets/gradient-planer.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.zoomerang{background-image:url(../assets/zoomerang.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.gemini-chat{background-image:url(../assets/gemini-ai-chat.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.task-creator{background-image:url(../assets/task-creator.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.smash-in-battle{background-image:url(../assets/space-laser.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.space-laser{background-image:url(../assets/space-laser.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.city-war{background-image:url(../assets/city-war.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.canvas-polygon{background-image:url(../assets/github.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.germany-tower-after{background-image:url(../assets/germany-tower-after.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:0}.germany-tower-after.after-image{width:var(--shortComparingWidth)}.frankfurt-after{background-image:url(../assets/frankfurt-after.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:0}.frankfurt-after.after-image{width:var(--shortComparingWidth)}.bamboo-after{background-image:url(../assets/bamboo-after.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:0}.bamboo-after.after-image{width:var(--longComparingWidth)}.bee-in-flower-after{background-image:url(../assets/bee-in-flower-after.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:-65px}.bee-in-flower-after.after-image{width:var(--longComparingWidth)}.grapes-after{background-image:url(../assets/grapes-after.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:0}.grapes-after.after-image{width:var(--extraShortComparingWidth)}.germany-tower-before{background-image:url(../assets/germany-tower-before.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:0}.frankfurt-before{background-image:url(../assets/frankfurt-before.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:unset}.bamboo-before{background-image:url(../assets/bamboo-before.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:unset}.bee-in-flower-before{background-image:url(../assets/bee-in-flower-before.webp);background-size:cover;background-position:unset;background-repeat:no-repeat;background-position-x:-65px}.grapes-before{background-image:url(../assets/grapes-before.webp);background-size:cover;background-position:unset;background-repeat:no-repeat}.hayk{background-image:url(../assets/hayk-grigoryan.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.yura{background-image:url(../assets/yura-ledyaev.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.karen{background-image:url(../assets/karen-baghdasaryan.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.skill{transition:all .3s}.skill .html{margin-bottom:10px;background-image:url(../assets/html5.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .html{filter:drop-shadow(0 0 10px #ff6c25)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .css{margin-bottom:10px;background-image:url(../assets/css3.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .css{filter:drop-shadow(0 0 10px #009ce2)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .javascript{margin-bottom:10px;background-image:url(../assets/javascript.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .javascript{filter:drop-shadow(0 0 10px #ffd638)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .angular{margin-bottom:10px;background-image:url(../assets/angular.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .angular{filter:drop-shadow(0 0 10px #bf1a24)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .nodejs{margin-bottom:10px;background-image:url(../assets/nodejs.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .nodejs{filter:drop-shadow(0 0 10px #425a64)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .typescript{margin-bottom:10px;background-image:url(../assets/typescript.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .typescript{filter:drop-shadow(0 0 10px #0077ce)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .vuejs{margin-bottom:10px;background-image:url(../assets/vuejs.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .vuejs{filter:drop-shadow(0 0 10px #425a64)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .sass{margin-bottom:10px;background-image:url(../assets/sass.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .sass{filter:drop-shadow(0 0 10px #e6608e)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .nestjs{margin-bottom:10px;background-image:url(../assets/nestjs.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .nestjs{filter:drop-shadow(0 0 10px #ee406a)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .react{margin-bottom:10px;background-image:url(../assets/react.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .react{filter:drop-shadow(0 0 10px #a5e3fd)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .java{margin-bottom:10px;background-image:url(../assets/java.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .java{filter:drop-shadow(0 0 10px #2563bb)}.skill h3{color:#fff}.skill{transition:all .3s}.skill .android{margin-bottom:10px;background-image:url(../assets/android.svg)}.skill:hover{transform:scale(1.1)}.skill:hover .android{filter:drop-shadow(0 0 10px #78b34c)}.skill h3{color:#fff}.social-media{height:var(--socialMediaIconsSize);width:max-content;display:flex;align-content:center;margin:0 5px}.social-media a{display:flex}.social-media a .social-icon{margin:0 7px;width:var(--socialMediaIconsSize);height:inherit;color:#000;cursor:pointer;transition:all .5s ease}.social-media a .social-icon:hover{transform:scale(1.1)}.social-media.light .social-icon{color:#fff}.social-media.light .social-icon{color:#fff}.header{position:absolute;height:var(--headerFontHeight);width:100%;top:0;background-color:rgba(0,0,0,0);transition:all .4s ease}.header .navigation{height:inherit;display:flex;flex-direction:column;background-color:rgba(0,0,0,0);margin:auto}.header .navigation .header-full-screen{padding:var(--headerPadding);height:var(--headerFullContentHeight);z-index:4;display:flex;justify-content:var(--headerContentJustify);border-bottom:1px solid #d3d3d3}.header .navigation .header-full-screen .left{background-image:url(../assets/gharajyan-logo.png);background-size:contain;background-position:left;background-repeat:no-repeat;position:relative;width:400px;transition:all .5s ease;cursor:pointer;filter:invert(0.2)}.header .navigation .header-full-screen .left:hover{filter:invert(1)}.header .navigation .header-full-screen .right{display:flex}.header .navigation .header-full-screen .right .sections-list{margin:0;padding:0;align-items:center;color:#fff;display:var(--headerFullShowHide)}.header .navigation .header-full-screen .right .burger-toggle{position:absolute;right:7px;display:var(--burgerShowHide);width:45px;height:45px;margin:0;cursor:pointer;z-index:3;opacity:0;top:var(--burgerPositionVertical)}.header .navigation .header-full-screen .right .burger-toggle:checked~.menu-hamburger .navicon{background-color:rgba(0,0,0,0)}.header .navigation .header-full-screen .right .burger-toggle:checked~.menu-hamburger .navicon:before{transform:rotate(-45deg)}.header .navigation .header-full-screen .right .burger-toggle:checked~.menu-hamburger .navicon:after{transform:rotate(45deg)}.header .navigation .header-full-screen .right .burger-toggle:checked~.menu-hamburger .navicon:before,.header .navigation .header-full-screen .right .burger-toggle:checked~.menu-hamburger .navicon:after{top:0}.header .navigation .menu-hamburger{width:30px;display:var(--burgerShowHide);height:100%;margin:auto;align-items:center}.header .navigation .menu-hamburger .navicon{position:relative;width:100%;height:4px;background-color:#fff;border-radius:50px;content:"";display:block;transition:background .2s ease-out}.header .navigation .menu-hamburger .navicon::before,.header .navigation .menu-hamburger .navicon::after{position:absolute;background-color:#fff;top:-12px;content:"";z-index:1;width:100%;border-radius:50px;transition:all .2s ease-out;height:4px}.header .navigation .menu-hamburger .navicon::after{top:12px}.header .navigation .header-toggle-list{transition:all .6s cubic-bezier(0.25, 1, 0.5, 1);transform:translateY(-130%);position:absolute;background-color:rgba(0,0,0,.4);z-index:1;display:var(--burgerShowHide);justify-content:center;width:100%}.header .navigation .header-toggle-list.toggle{z-index:4;transform:translateY(25%)}.header .navigation .header-toggle-list ul{padding:0}.header .navigation .header-toggle-list ul li{margin:auto;width:fit-content}.header .navigation .header-toggle-list ul li a{line-height:45px}.header .navigation li{margin:var(--headerListMargin);list-style-type:none;font-size:var(--headerFontSize)}.header .navigation li a{position:relative;line-height:var(--headerFontLineHeight);cursor:pointer;display:block;text-decoration:none;color:#fff;font-weight:600}.header .navigation li a::before{content:"";height:3px;background-color:#fff;position:absolute;right:0;bottom:-1px;width:0;transition:all .5s ease}.header .navigation li a:hover::before{width:100%;left:0}.header.fixed{z-index:5;transition:all .4s ease;position:fixed;top:0;background-color:hsla(0,0%,100%,.6)}.header.fixed .right a{color:#000}.header.fixed .right a::before{background-color:#041c32}.header.fixed .right a:hover::before{background-color:#041c32}.header.fixed .left:hover{filter:invert(0.5) !important}.intro{padding-bottom:0}.intro .home{background-image:url(../assets/intro.webp);background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;display:flex;padding:0}.intro .home .less-info{margin:auto;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.intro .home .less-info .text-content{padding:var(--introTextContentPadding);width:var(--introTextContainerWidth);overflow:hidden;border:var(--introTextBorderTop) solid #fff}.intro .home .less-info .text-content h1,.intro .home .less-info .text-content h3,.intro .home .less-info .text-content h5,.intro .home .less-info .text-content h6{text-align:var(--introTextAlign)}.intro .home .less-info .text-content h1,.intro .home .less-info .text-content h3,.intro .home .less-info .text-content h6{line-height:1.4;color:#fff}.intro .home .less-info .text-content h1{font-size:var(--introBigFont);font-weight:700;margin:0 0 10px}.intro .home .less-info .text-content h3{font-size:var(--introMediumFont);margin:0 0 15px}.intro .home .less-info .text-content h6{font-size:var(--introLittleFont);font-weight:600}.intro .home .less-info .text-content .link{text-decoration:none;font-size:14px}.intro .home .less-info .text-content .link .download-cv-container{cursor:pointer;color:#fff;background-color:rgba(0,0,0,0);text-decoration:none;border-radius:var(--boxesBorder);border:1px solid #fff;transition:all .8s ease;left:0;width:max-content;padding:10px 20px}.intro .home .less-info .text-content .link .download-cv-container:hover{background-color:#fff;color:#000}.intro .home .home-image{z-index:3;flex:1;cursor:pointer;display:var(--introImageShowHide);background-size:var(--introImageSize)}.intro .home .home-image .lets-talk-content{transform:scale(0) translateY(-15%);opacity:0;left:var(--letsTalkXPosition);top:-40px;position:relative;cursor:pointer;display:flex;align-items:center;transition:all .25s}.intro .home .home-image .lets-talk-content .container{display:flex;align-items:center;justify-content:center;position:relative;padding:5px 13px;border-radius:45px;border:3px solid #193343;background-color:#193343;color:#fff;transform:rotate(-15deg)}.intro .home .home-image .lets-talk-content .container .link-contact{color:#fff;text-decoration:none}.intro .home .home-image .lets-talk-content .container .link-contact h4{font-size:25px;font-weight:800;line-height:1.5}.intro .home .home-image .lets-talk-content .container::after{content:"";border-style:solid;border-width:0 19px 19px 0;border-color:rgba(0,0,0,0) #193343 rgba(0,0,0,0) rgba(0,0,0,0);position:absolute;bottom:0;right:30px;transform:translateY(99%)}.intro .home .home-image:hover .lets-talk-content{transform:scale(1) translateY(-15%);opacity:1}.intro .home .home-image:hover .lets-talk-content .container{animation:smooth-rotate 2s infinite}@keyframes smooth-rotate{0%{transform:rotate(-20deg)}50%{transform:rotate(-10deg)}100%{transform:rotate(-20deg)}}.about-me{background-color:gray;height:100%}.about-me .info-about-me{padding-top:0;padding-bottom:0;overflow:hidden;height:var(--aboutMeHeight)}.about-me .info-about-me .about-info-block{display:flex;flex-direction:var(--resizeFlexDirection);width:100%;height:100%;background-color:#fff;border-radius:27px;overflow:hidden}.about-me .info-about-me .about-info-block .hero-image-content{height:var(--aboutMeImageHeight);display:flex;flex-direction:row;width:var(--aboutMeImageWidth);overflow:hidden}.about-me .info-about-me .about-info-block .hero-image-content .hero-image-container{animation:slide-hero-img 10s infinite;position:relative;width:300%;margin:0;left:0;display:flex;flex-direction:column;flex-wrap:wrap}.about-me .info-about-me .about-info-block .hero-image-content .hero-image-container .hero-image{position:relative;width:100%;height:inherit;flex:1 1 100%}.about-me .info-about-me .about-info-block .hero-image-content .hero-image-container .hero-image.hero1{background-position:var(--aboutImageHero1Position)}.about-me .info-about-me .about-info-block .hero-image-content .hero-image-container .hero-image.hero2{background-position:var(--aboutImageHero2Position)}.about-me .info-about-me .about-info-block .hero-image-content .hero-image-container .hero-image.hero3{background-position:var(--aboutImageHero3Position)}@keyframes slide-hero-img{0%{left:0}16.5%{left:0}33%{left:-100%}49.5%{left:-100%}66%{left:-200%}82.5%{left:-200%}100%{left:0}}.about-me .info-about-me .about-info-block .text-info-content{display:flex;justify-content:center;flex-direction:column;height:var(--aboutMeInfoHeight);margin:var(--aboutMeInfoContainerMargin);overflow:hidden;align-items:center}.about-me .info-about-me .about-info-block .text-info-content .short-info{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h2,.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h3,.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h5{margin:var(--aboutMeTextMargin);font-weight:600;color:#000}.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h2 span,.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h3 span,.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h5 span{color:#fbc531}.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h2{font-size:var(--mediumFont)}.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h3{font-size:var(--littleFont)}.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info h5{display:var(--hideOnLittleScreen);font-size:var(--aboutMeDescriptionFontSize)}.about-me .info-about-me .about-info-block .text-info-content .short-info .mini-info .title-job{text-align:var(--aboutMeTitleJustify)}.about-me .info-about-me .about-info-block .text-info-content .short-info .personal-info{display:grid;grid-template-columns:repeat(var(--aboutMeGridRepeatCount), var(--aboutMeGridWidth) [col-start]);margin-bottom:10px;font-size:var(--aboutInfoFontSize)}.about-me .info-about-me .about-info-block .text-info-content .short-info .personal-info .info{display:flex;justify-content:space-between;margin:var(--aboutMeGridElementMargin);padding:10px;border-bottom:1px solid #bdbdbd}.about-me .info-about-me .about-info-block .text-info-content .short-info .personal-info .info:nth-child(2n+1){display:var(--aboutMeShowHide)}.about-me .info-about-me .about-info-block .text-info-content .short-info .personal-info .info .title{font-weight:600;color:#000}.about-me .info-about-me .about-info-block .text-info-content .short-info .personal-info .info .datum{color:gray}.services{overflow:hidden}.services .blocks-container{cursor:default;overflow:hidden}.services .blocks-container .blocks{margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding-bottom:15px;justify-content:space-around;width:80%}.services .blocks-container .blocks .block{border-radius:32px;margin-top:15px;width:var(--servicesBlockWidth);padding:var(--servicesBlockPadding);background-color:rgba(248,246,247,.32);position:relative;text-align:center;transition:all .3s ease-in-out}.services .blocks-container .blocks .block:hover{transform:scale(1.01);box-shadow:0 10px 10px hsla(0,0%,100%,.8),6px 6px 10px rgba(0,0,0,.4)}.services .blocks-container .blocks .info{display:flex;margin:auto;align-content:center;flex-direction:column;height:100%}.services .blocks-container .blocks .info .icon-title-container{height:120px;display:flex;flex-direction:column;justify-content:space-between}.services .blocks-container .blocks .info .icon-title-container .icon-container{display:flex;justify-content:center;align-content:center;flex-flow:wrap;width:56px;height:56px;margin:0 auto;background-color:#fbc531;border-radius:50%;color:#fff}.services .blocks-container .blocks .info .icon-title-container .icon-container .icon{font-size:32px;margin:auto}.services .blocks-container .blocks .info .icon-title-container .title{margin:auto auto 0;font-size:19px;font-weight:600;overflow:hidden;position:relative}.services .blocks-container .blocks .info .text{text-align:var(--servicesTextAlignment);margin-top:15px}.skills{background-image:url(../assets/gadget.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.skills .skills-boxes{display:flex;flex-direction:row;align-items:center;height:100%;margin:30px 0;border-radius:8px;overflow:hidden}.skills .skills-boxes .dashboard{width:100%}.skills .skills-boxes .dashboard .skills-list{display:flex;flex-direction:row;width:inherit;justify-content:space-around;transition:all .5s}.skills .skills-boxes .dashboard .skills-list .main{display:var(--showMainSkill);width:100%}.skills .skills-boxes .dashboard .skills-list .main .vert-skills,.skills .skills-boxes .dashboard .skills-list .main .important{position:relative;overflow:hidden}.skills .skills-boxes .dashboard .skills-list .main .vert-skills{flex:4;padding:15px 0;display:flex;flex-direction:column;justify-content:space-between}.skills .skills-boxes .dashboard .skills-list .important{width:100%;display:var(--showImportantSkills);flex-direction:row}.skills .skills-boxes .dashboard .skills-list .skill{margin:auto;list-style:none;cursor:pointer}.skills .skills-boxes .dashboard .skills-list .skill i{margin:auto;display:block;width:var(--skillIconSize);height:var(--skillIconSize);font-size:22px;background-size:100%;background-repeat:no-repeat}.skills .skills-boxes .dashboard .skills-list .skill h3{text-align:center;margin-bottom:5px;font-size:var(--extraLittleFont)}.last-works{overflow:hidden}.last-works .tabs-container .tabs{padding:0;display:flex;justify-content:center;text-align:center;list-style:none}.last-works .tabs-container .tabs .tab{cursor:pointer;margin:0 13px;font-weight:500;font-size:var(--portfolioListTextSize);text-transform:uppercase;padding-bottom:1px}.last-works .tabs-container .tabs .tab.active{color:#fbc531;border-bottom:3px solid #fbc531;border-radius:2px}.last-works .works{max-width:100%;padding:35px 20px;height:fit-content;overflow:hidden}.last-works .works .projects{position:relative;top:0;margin-top:20px;box-shadow:0 0 27px #fff,0 6px 23px rgba(111,90,90,.8);border-radius:20px;flex-direction:column;justify-content:space-between;display:flex;flex-flow:wrap;align-items:center;overflow:hidden;height:90%}.last-works .works .projects .works-blocks{display:none;margin:var(--portfolioMargin);width:100%;height:100%;align-items:center;flex-wrap:wrap;position:relative;padding:var(--portfolioPadding);justify-content:space-evenly}.last-works .works .projects .works-blocks .block{transition:all .3s ease;box-shadow:0 0 27px #fff,0 0 23px rgba(111,90,90,.8);margin:10px;width:var(--portfolioBlockWidth);height:var(--portfolioBlockHeight);justify-content:space-evenly;display:flex;flex-direction:column;border-radius:26px;border:none;overflow:hidden;position:relative;cursor:pointer}.last-works .works .projects .works-blocks .block.psh-image .overlay .icons{display:flex;flex-direction:row;top:-5%;width:30px;height:30px}.last-works .works .projects .works-blocks .block.psh-image .overlay .icons .icon-img{position:absolute;margin-right:5px;left:-250px;width:inherit;height:inherit;background-image:url(../assets/full-screen.png);background-size:contain;background-position:center;background-repeat:no-repeat;filter:invert(0.3);transition:all .3s ease}.last-works .works .projects .works-blocks .block.psh-image .overlay .icons .icon-img:hover{filter:invert(1)}.last-works .works .projects .works-blocks .block.psh-image .overlay .icons .download-img{transition:all .3s ease;position:absolute;left:250px}.last-works .works .projects .works-blocks .block.psh-image .overlay .icons .download-img:hover{color:#fff}.last-works .works .projects .works-blocks .block.psh-image:hover{transition:all .3s ease}.last-works .works .projects .works-blocks .block.psh-image:hover .overlay .icon-img{left:-50px}.last-works .works .projects .works-blocks .block.psh-image:hover .overlay .download-img{left:50px}.last-works .works .projects .works-blocks .block.game .image{background-position-x:0}.last-works .works .projects .works-blocks .block:hover{transition:all .3s ease;box-shadow:0 0 10px #bdbdbd,0 0 8px rgba(111,90,90,.8);transform:scale(1.01)}.last-works .works .projects .works-blocks .block:hover .overlay{opacity:1}.last-works .works .projects .works-blocks .block:hover .overlay .text-space{top:90%}.last-works .works .projects .works-blocks .block:hover .overlay .icons{top:-5%}.last-works .works .projects .works-blocks .block .image{height:100%}.last-works .works .projects .works-blocks .block .overlay{transition:all .3s ease;opacity:0;position:absolute;display:flex;flex-direction:column;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3)}.last-works .works .projects .works-blocks .block .overlay .text-space{transition:all .3s ease;position:relative;top:100%;display:flex;align-items:center;padding-left:10px;height:10%;font-size:var(--portfolioFontSize);background-color:#fff;font-weight:600}.last-works .works .projects .works-blocks .block .overlay .text-space span{margin:auto;color:#000}.last-works .works .projects .works-blocks .block .overlay .icons{transition:all .5s ease;position:relative;top:-70%;display:flex;flex-direction:row;align-items:center;color:#ffd43b;margin:auto;font-weight:600;font-size:32px}.last-works .works .projects .works-blocks .block .overlay .icons a{margin:0 10px;text-decoration:none;color:#ffd43b}.last-works .works .projects .works-blocks .block .overlay .icons a i,.last-works .works .projects .works-blocks .block .overlay .icons a svg{transition:all .3s ease}.last-works .works .projects .works-blocks .block .overlay .icons a i:hover,.last-works .works .projects .works-blocks .block .overlay .icons a svg:hover{color:#fff}.last-works .works .projects .works-blocks .block .overlay .icons span{font-size:20px}.last-works .works .projects.animate-top{animation:top-bottom 2s normal forwards ease-in-out}@keyframes top-bottom{0%{transform:translateY(0)}40%{transform:translateY(-120%)}60%{transform:translateY(-120%)}100%{transform:translateY(0)}}.last-works .arrows{cursor:pointer;width:30px;height:30px;border-top:5px solid #000;border-left:5px solid #000;margin:auto}.last-works .arrows.left{margin-right:20px;transform:rotate(-45deg)}.last-works .arrows.right{margin-left:20px;transform:rotate(135deg)}.last-works .comparing-images-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;border-radius:10px;width:inherit;overflow:hidden}.last-works .comparing-images-container .comparing-images{width:var(--comparingImageWidth);height:350px;display:flex;margin:var(--comparingImagesMargin);justify-content:center;overflow:hidden}.last-works .comparing-images-container .comparing-images .after-image{border-radius:18px;overflow:hidden;font-size:0;height:100%;margin:var(--comparingAfterImageMargin);position:relative}.last-works .comparing-images-container .comparing-images .after-image .before-image{bottom:0;border-right:5px solid hsla(0,0%,100%,.7);box-shadow:10px 0 15px -13px #000;height:100%;width:50%;overflow:visible;position:absolute;animation:first 2s 1 normal ease-in-out .1s;-webkit-animation:first 2s 1 normal ease-in-out .1s}.last-works .comparing-images-container .comparing-images .after-image .before-image .arrow{background-image:url(../assets/arrows-compare.png);background-repeat:no-repeat;background-position:center;background-size:75%;width:40px;height:40px;position:absolute;display:flex;top:calc(50% - 20px);left:calc(100% - 18px)}.last-works .comparing-images-container .comparing-images .after-image .slider-comparing-image{width:100%;-webkit-appearance:none;margin:0;opacity:0;cursor:col-resize;padding:0;position:absolute;height:inherit}.last-works .comparing-images-container .comparing-images .after-image .slider-comparing-image::-moz-range-track{background:rgba(0,0,0,0)}.last-works .comparing-images-container .comparing-images .after-image .slider-comparing-image::-ms-track{border:none;background-color:rgba(0,0,0,0);left:0;outline:none;position:relative;height:inherit;top:-100vw;width:100%;margin:0;padding:0;cursor:col-resize;color:rgba(0,0,0,0)}.last-works .comparing-images-container .comparing-images .after-image .slider-comparing-image::-ms-fill-lower{background-color:rgba(0,0,0,0)}.last-works .comparing-images-container .comparing-images .after-image .slider-comparing-image::-webkit-slider-thumb{-webkit-appearance:none;height:100vw;width:.5%;opacity:0}.last-works .comparing-images-container .comparing-images .after-image .slider-comparing-image::-moz-range-thumb{-moz-appearance:none;height:100vw;width:.5%;opacity:0}.last-works .comparing-images-container .comparing-images .after-image .slider-comparing-image::-ms-thumb{height:100vw;width:.5%;opacity:0}.last-works .comparing-images-container .comparing-images .after-image .slider-comparing-image::-ms-tooltip{display:none}@keyframes first{0%{width:0}50%{width:80%}100%{width:50%}}@-webkit-keyframes first{0%{width:0}50%{width:80%}100%{width:50%}}.testimonials{overflow:hidden}.testimonials .testimonials-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.testimonials .testimonials-list .testimonial{margin:10px;display:flex;transition:all .4s ease-in-out;justify-content:end;flex-direction:column;border-radius:20px;width:450px;min-height:400px;height:var(--testimonalHeight);background-color:#fff;color:#000;padding:10px 15px}.testimonials .testimonials-list .testimonial:hover{transform:scale(1.03);box-shadow:0 0 10px hsla(0,0%,100%,.8),25px 45px 0 rgba(0,0,0,0)}.testimonials .testimonials-list .testimonial .user-image{margin:10px auto;width:150px;height:150px;border-radius:50%}.testimonials .testimonials-list .testimonial .user-name,.testimonials .testimonials-list .testimonial .user-title-job{padding:8px 0;text-transform:uppercase;text-align:center;font-size:20px;font-weight:700}.testimonials .testimonials-list .testimonial .user-title-job{font-size:16px}.testimonials .testimonials-list .testimonial .user-text{padding:15px 0;text-align:center}.questions .fields{display:flex;justify-content:space-between;flex-direction:column}.questions .fields .name-email-fields{width:inherit;display:flex;flex-direction:row;justify-content:space-between}.questions .fields .name-email-fields label{width:45%}.questions .fields .container{width:48%;display:flex;flex-direction:column}.questions .fields .container input,.questions .fields .container textarea{width:auto;padding:10px;font-size:18px;border-radius:8px;border:none;margin:5px 0;outline:none;resize:none}.questions .fields .container.question-field{width:100%}.questions .fields .container.question-field .question{height:300px}.questions .fields .container.question-field label{font-size:17px;top:37px;left:10px}.questions .fields .container label{width:fit-content;font-size:18px;z-index:1;color:#bdbdbd;position:relative;transition:all .3s ease;top:39px;cursor:text;left:9px}.questions .fields .container label.title-animation{transition:all .3s ease;top:0;left:0;color:#fff}.questions .fields .send-btn{margin:10px auto;width:120px;height:45px;color:#fff;border-radius:15px;outline:none;border:1px solid #041c32;cursor:pointer;background-color:rgba(0,0,0,0);font-size:18px;font-weight:700;transition:background-color .5s ease-in-out;box-shadow:0 4px 0 rgba(4,28,50,.5)}.questions .fields .send-btn:hover{background-color:#041c32}.questions .fields .send-btn:active{box-shadow:0 0 0 rgba(4,28,50,.66);position:relative;top:4px}.contact-soc-media .contact-info{display:flex;flex-direction:column;align-items:center}.contact-soc-media .contact-info .logo{margin:10px 0;background-image:url(../assets/gharajyan-logo.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;color:#fff;width:200px;height:75px;filter:invert(1);transition:all .5s ease}.contact-soc-media .contact-info h3{text-align:center;color:#fff;margin-bottom:20px}.site-loader-container{position:fixed;display:flex;justify-content:center;align-items:center;margin:auto;background-color:#f5f5f5;z-index:5;width:100%;height:100%;top:0}.site-loader-container .circle-container{display:flex;justify-content:center;align-items:center}.site-loader-container .circle-container .please-wait-text{font-family:"Poppins-Medium",Arial,sans-serif;margin:auto;position:absolute;background:linear-gradient(to right, #193343 0%, #fbc531 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:text-gradient-colorize 1.8s cubic-bezier(0.5, 0, 0.5, 1) infinite}.site-loader-container .circle-container .cycle{display:block;box-sizing:border-box;width:120px;height:120px;border:10px solid #fff;border-color:#204d6a rgba(0,0,0,0) #fcc60d rgba(0,0,0,0);border-radius:50%;animation:cycle-anim 1.8s cubic-bezier(0.5, 0, 0.5, 1) infinite}@keyframes cycle-anim{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.footer .container{font-size:var(--extraLittleFont);border-top:1px solid #000;background-color:#041c32;padding:var(--footerPadding);display:flex;flex-direction:row;color:#fff;justify-content:space-between}