@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Lato:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap);.heading__main{font-weight:700;letter-spacing:2px;font-size:40px}@media (min-width:576px){.heading__main{font-size:40px}}@media (min-width:768px){.heading__main{font-size:calc(3.57143vw + 12.57143px)}}@media (min-width:992px){.heading__main{font-size:calc(3.33333vw + 14.93333px)}}@media (min-width:1172px){.heading__main{font-size:54px}}.heading__main--sub{font-weight:600;font-family:sans-serif;letter-spacing:1px;font-size:18px}@media (min-width:576px){.heading__main--sub{font-size:calc(1.04167vw + 12px)}}@media (min-width:768px){.heading__main--sub{font-size:calc(1.78571vw + 6.28571px)}}@media (min-width:992px){.heading__main--sub{font-size:24px}}.heading__sub{font-weight:600;font-family:sans-serif;letter-spacing:1px;color:rgba(0,0,0,.84);font-size:16px}@media (min-width:576px){.heading__sub{font-size:calc(1.04167vw + 10px)}}@media (min-width:768px){.heading__sub{font-size:calc(.89286vw + 11.14286px)}}@media (min-width:992px){.heading__sub{font-size:20px}}.text{font-weight:400;font-size:1rem;font-family:Lato,sans-serif;line-height:22px;color:#000}.heading-section{display:flex;align-items:center;margin-bottom:2rem}.heading-section .title-line{width:5rem;height:.1rem;margin-right:1em;background:#e9204f}*{padding:0;margin:0;box-sizing:border-box}html{font-size:16px;font-family:Inconsolata,monospace;scroll-behavior:smooth}ul{list-style:none}a{text-decoration:none;color:#000}.footer-container .copyright{color:#000;letter-spacing:1px;font-size:.8rem;text-align:center;margin:0 auto 1em;padding-top:.5em}.header-container{position:fixed;border-bottom:1px solid #f3f3f3;left:0;right:0;z-index:3;height:50px;background:hsla(0,0%,100%,.98);width:100%;z-index:1000}.header-container .header{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-container .header .header__navigation--res{flex-direction:column;justify-content:center;cursor:pointer;display:none}.header-container .header .header__navigation--res span{display:inline-block;margin-bottom:.51em;width:2rem;height:.2rem;background:#000}.header-container .header .header__navigation--res span:nth-child(2){width:1.2rem;margin-left:.8em}.header-container .header .header__navigation--res span:nth-child(3){width:1.6rem}.header-container .header nav{margin-top:1rem}.header-container .header nav .header__navigation>.navList{display:flex;justify-content:space-around;align-items:center}.header-container .header nav .header__navigation>.navList .navItems{margin-right:2em}.header-container .header nav .header__navigation>.navList .navItems:nth-child(6){margin-right:0}.header-container .header nav .header__navigation>.navList .navItems .navLinks{position:relative}.header-container .header nav .header__navigation>.navList .navItems .navLinks:before{content:"";position:absolute;bottom:-3px;height:.2rem;width:0;background-color:#e9204f;transition:width .5s}.header-container .header nav .header__navigation>.navList .navItems .navLinks:hover:before{width:40%}.header-container .header__logo a{font-size:1.125rem;margin-right:1em;margin-top:10px;margin-left:1em;position:relative;cursor:pointer;display:inline-block}.header-container .header__logo a:before{content:"";position:absolute;width:1.5rem;height:.2rem;background-color:#e9204f;bottom:-.2em;right:0}.header-container .header__logo span{display:inline-block;width:1.2rem;height:1.2rem;margin-bottom:-.2rem;border-radius:100px;background:#f9c001;cursor:pointer}.intro-container{padding-top:53px}.intro-container .intro{max-width:1200px;display:flex;justify-content:space-between;align-items:center;min-height:calc(100vh - 53px);margin:0 auto;position:relative}.intro-container .intro__yourself{margin-left:15rem;position:relative}.intro-container .intro__yourself--text{margin-top:10rem}.intro-container .intro__yourself--text h2{font-weight:400}.intro-container .intro__yourself img{margin-left:-4rem;margin-top:-11rem;transform:scale(.8)}.btn{text-transform:uppercase;position:relative;letter-spacing:1px;color:#e9204f;border:1px solid #e9204f;padding:.7em 1.3em;margin-top:.5em;display:inline-block;z-index:2;background:#fff;overflow:hidden;cursor:pointer}.btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;z-index:-1;background:#e9204f;transition:all .3s ease-out}.btn:hover{color:#fff}.btn:hover:before{width:100%}.moveup-text{position:fixed;font-size:3rem;color:#000;transform:rotate(90deg);z-index:2;bottom:12.5rem;right:-4rem}.moveup-text:after{content:"";width:2em;height:2px;background:#000;position:absolute;right:-2.2em;top:.25em}.moveup-icon{position:absolute;top:3em;right:2em}.moveup-icon ul{display:flex;justify-content:center;align-items:center}.moveup-icon ul .line{width:8em;height:2px;display:inline-block;margin-bottom:2px;background:#000}.moveup-icon ul li{margin-right:.8em}.moveup-icon ul li,.moveup-icon ul li a svg{transition:all .5s ease}.moveup-icon ul li a svg:hover{fill:#e9204f;transform:translateY(-5px)}.about__img img{width:200px}@media (min-width:576px){.about__img img{width:calc(26.04167vw + 50px)}}@media (min-width:768px){.about__img img{width:calc(22.32143vw + 78.57143px)}}@media (min-width:992px){.about__img img{width:300px}}.portfolio-img img{width:300px}@media (min-width:360px){.portfolio-img img{width:calc(46.2963vw + 133.33333px)}}@media (min-width:576px){.portfolio-img img{width:400px}}.about-container{background:#f7f7f7}.about-container .about{padding-top:5rem;padding-bottom:5rem;position:relative;max-width:1200px;margin:0 auto}.about-container .about .wrap{display:grid;grid-template-columns:1fr 1fr;width:90%;margin:0 auto}.about-container .about .wrap .about__img img{display:block;border-radius:1rem;box-shadow:0 3px 40px rgba(0,0,0,.3);margin:auto;filter:none;-webkit-filter:grayscale(0)}.about-container .about .wrap .about__img img:hover{filter:gray;-webkit-filter:grayscale(80%)}.about-container .about .wrap .about__content{margin:0 auto;position:relative}.about-container .about .wrap .about__content .box{width:5.2rem;height:2.5rem;border:1px solid #000;position:absolute;left:-1rem}.portfolio{background-size:14%;position:relative;max-width:1200px;margin:5em auto 0;z-index:2}.portfolio__items{display:flex;justify-content:center;align-items:center;position:relative;width:90%;margin:0 auto 4em}.portfolio__items:nth-child(4){padding-bottom:5rem;margin-bottom:0}.portfolio__items .portfolio-img{width:50%}.portfolio__items .portfolio-img img{border:2px solid #f3f3f3;display:block;margin:0 auto;filter:none;box-shadow:0 0 2px rgba(0,0,0,.3);-webkit-filter:grayscale(0)}.portfolio__items .portfolio-img img:hover{filter:gray;-webkit-filter:grayscale(80%)}.portfolio__items .portfolio-content{margin:0 auto}.portfolio__items .portfolio-content__wrap .btn{margin-right:1em}.portfolio__items .portfolio-content__wrap .btn .fa{margin-right:.2em}.skills{position:relative;padding-bottom:2em;max-width:1200px;margin:0 auto;overflow:hidden}.skills-bg{position:relative;top:-6em}.skills-bg img{width:100%;position:absolute}.skills .heading{padding-top:3em}.skills__grid{display:grid;grid-template-columns:1fr 1fr;row-gap:2em;column-gap:3em;width:75%;margin:0 auto 4em}.skills__grid--items{display:flex;justify-content:start;align-items:center;border:2px solid #ededed;padding:1em;transform:translateY(3px);transition:all .5s ease}.skills__grid--items img{margin-right:1em}.skills__grid--items .skills-content .heading__main--sub{font-size:1.2rem}.skills__grid--items .skills-content .skills-items{transform:translateY(3px);transition:all .5s ease;margin-top:.5em}.skills__grid--items .skills-content .skills-items span{background:#d8d7d8;padding:.2em .4em;margin-right:.5em;border-radius:.5em}.skills__grid--items:hover{border-color:#e9204f;transform:translateY(0)}.skills__grid--items:hover .skills{transform:translateY(0)}.experiences-container{background:#f7f7f7}.experiences-container .experiences{max-width:1200px;margin:0 auto;position:relative;padding-top:4em;padding-bottom:4em}.experiences-container .experiences__timeline ul{margin:0 auto;border-left:2px solid #e9204f;position:relative;width:50%;font-size:.9rem;background:#f7f7f7;padding:1.5rem 5px 1.5rem 1.5rem}.experiences-container .experiences__timeline ul .date{letter-spacing:1px;font-size:1rem;font-family:Lato,sans-serif;margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid #f3f3f3;position:relative}.experiences-container .experiences__timeline ul .date span{display:block;text-align:end;font-size:.7rem;color:grey}.experiences-container .experiences__timeline ul li:nth-child(3){margin-bottom:0}.contact{max-width:1200px;margin:4em auto}.contact__content{display:flex;justify-content:space-around;align-items:center}.contact__content--text{font-size:3.375rem;font-weight:700;color:#000}.contact__content--box .social{margin-top:2em}.contact__content--box .social .icon{position:relative;display:inline-block;width:2.8rem;height:2.8rem;border-radius:50%;border:2px solid #e9204f;transition:all .5s ease}.contact__content--box .social .icon:hover{background-color:#e9204f}.contact__content--box .social .icon:hover .fa{color:#fff}.contact__content--box .social .icon .fa{font-size:2rem;margin-top:5px;margin-left:7px}.contact__content--box .social .icon .fa.fa-facebook{font-size:1.7rem;margin-top:9px;margin-left:12px}.contact__content--box .form-contact{border-bottom:2px solid #e9204f;padding-bottom:.5em}.contact__content--box .form-contact input{border:none;margin-left:2em}.contact__content--box .form-contact input:focus{outline:none}@media screen and (max-width:991px){.intro-container .intro__yourself img{margin-top:-12rem}.intro-container .intro__picture div{width:250px;height:450px}.portfolio{background:none}.portfolio .portfolio__items{flex-direction:column;padding-bottom:1em;border-bottom:1px solid #f3f3f3}.portfolio .portfolio__items:last-child{border-bottom:none!important}.portfolio .portfolio__items .portfolio-img{width:100%;margin-bottom:1em}.portfolio .portfolio__items .portfolio-content{margin:2em auto}.skills__grid{width:95%!important}}@media screen and (max-width:767px){.header-container .header__logo a{margin-top:unset!important}.header-container .header{position:relative}.header-container .header .header__navigation--res{display:flex;position:absolute;right:2em;top:1.2em;z-index:4}.header-container .header .header__navigation--res span{transition:all .5s ease}.header-container .header .header__navigation--res.close span:first-child{transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(45deg) skew(0deg,0deg);transform-style:preserve-3d;transform-origin:0 50%}.header-container .header .header__navigation--res.close span:nth-child(2){transform:translateX(-15px);opacity:0}.header-container .header .header__navigation--res.close span:nth-child(3){transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(-45deg) skew(0deg,0deg);transform-style:preserve-3d;transform-origin:0 50%;width:2rem}.header-container .header__logo{margin:1em}.header-container .header nav>.header__navigation{height:100vh;width:100vw;top:0;left:0;position:fixed;background:#e9204f;visibility:hidden;transform:translate3d(0,-100%,0);transition:all .5s ease;z-index:3}.header-container .header nav>.header__navigation.show{transform:translateZ(0);visibility:visible;overflow-y:hidden}.header-container .header nav>.header__navigation .navList{flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-container .header nav>.header__navigation .navList .navItems{margin:0 auto 2em 0;transition:all 1s ease}.header-container .header nav>.header__navigation .navList .navItems:nth-child(6){margin:0 auto 0 0}.header-container .header nav>.header__navigation .navList .navItems .navLinks{text-align:start;font-size:1.5rem;margin-bottom:1em;text-transform:uppercase}.header-container .header nav>.header__navigation .navList .navItems .navLinks.active{color:#fff}.intro-container .intro{flex-direction:column;justify-content:start}.intro-container .intro__yourself{margin-left:unset}.intro-container .intro__yourself img{width:220px}.intro-container .intro__picture div{width:200px;height:400px;margin-right:unset;margin-bottom:4em}.skills__grid{width:96%;row-gap:1em;column-gap:.5em}.skills__grid--items{padding:1em}.experiences-container .experiences__timeline ul{padding:unset;padding-left:2em;width:70%;margin-right:2em}.contact__content{display:flex;flex-direction:column}.contact__content--text{margin-bottom:.5em}.contact__content--box{margin-bottom:2em;align-items:center;justify-content:center;display:flex;flex-direction:column}.intro__yourself{margin-left:2em!important}}@media screen and (max-width:575px){html{font-size:16px}.header-container .header__logo{margin-left:0!important}.header-container .header{padding-left:1em!important}.intro__yourself{margin-left:2em!important}.intro-container .intro__picture div{height:350px!important}.about .wrap{grid-template-columns:unset!important;row-gap:15px}.skills__grid{grid-template-columns:1fr}.experiences__timeline{margin-left:2em}.experiences-container .experiences__timeline ul{width:100%}}