*{margin:0;padding:0;box-sizing:border-box;list-style:none}:root{--color-primary: #191d2b;--color-secondary: #27AE60;--color-white: #FFFFFF;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0,0,0,.3);--transition: all .4s ease-in-out}.light-mode{--color-primary: #FFFFFF;--color-secondary: #F56692;--color-white: #454e56;--color-black: #000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}body{background-color:var(--color-primary);font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-white);transition:all .4s ease-in-out}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0 !important}section.container{min-height:100vh;width:100%;position:absolute;left:0;top:0;padding:3rem 18rem}.container{display:none;transform:translateY(-100%) scale(0);transition:all .4s ease-in-out;background-color:var(--color-primary)}.active{display:block;animation:appear 1s ease-in-out;transform:translateY(0) scaleY(1)}@keyframes appear{0%{transform:translateY(-100%) scaleY(0)}100%{transform:translateY(0) scaleY(1)}}#controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%)}#controls .control{padding:1rem;cursor:pointer;background-color:var(--color-grey-4);width:55px;height:55px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:.7rem 0;box-shadow:var(--box-shadow-1)}#controls .control i{font-size:1.2rem;color:var(--color-grey-2);pointer-events:none}#controls .active-button{background-color:var(--color-secondary);transition:all .4s ease-in-out}#controls .active-button i{color:var(--color-white)}#switch-mode{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);transition:all .1s ease-in-out}#switch-mode:active{transform:translateY(-3px)}#switch-mode i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}#header-content{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;height:100vh}#header-content-left{display:flex;align-items:center;position:relative}#header-content-left-shape{transition:var(--transition);width:65%;height:100%;background-color:var(--color-secondary);position:absolute;top:0;left:0;z-index:-5;clip-path:polygon(0 0, 45% 0, 80% 100%, 0% 100%)}#header-content-left-image{border-radius:15px;width:70%;height:90%;margin-left:4rem;background-color:var(--color-black);transition:var(--transition)}#header-content-left-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition);filter:grayscale(100%)}#header-content-left-image img:hover{filter:grayscale(0%)}#header-content-right{display:flex;flex-direction:column;justify-content:center;padding-right:18rem}#header-content-right h1{font-size:2rem}#header-content-right h1 span{color:var(--color-secondary)}#header-content-right p{margin:1.5rem 0;line-height:2rem}.cv{display:flex;align-self:flex-start}.cv-link{border-radius:30px;color:inherit;font-weight:600;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;position:relative;overflow:hidden}.cv-link-text{padding:0 2rem}.cv-link-icon{background-color:var(--color-secondary);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:1rem}.cv-link:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(100%);transition:var(--transition);background-color:var(--color-secondary);z-index:-5}.cv-link:hover:before{transform:translateX(0)}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:4rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .background-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--transition);transform:translate(-50%, -50%);font-weight:800;font-size:6rem;z-index:-5}#about-header{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;padding-top:3.5rem;padding-bottom:5rem}#about-header-right{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-header-right .header-item{border:1px solid var(--color-grey-5);border-radius:5px;transition:var(--transition);box-shadow:1px 2px 15px rgba(0,0,0,.1019607843)}#about-header-right .header-item:hover{transform:translateY(-5px);border:1px solid var(--color-secondary);box-shadow:1px 2px 15px rgba(0,0,0,.2274509804)}#about-header-right .header-item-text{padding:1.5rem;display:flex;flex-direction:column}#about-header-right .header-item-text-large{font-size:3rem;font-weight:700;color:var(--color-secondary)}#about-header-right .header-item-text-small{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1.2rem;color:var(--color-grey-1);letter-spacing:2px}#about-header-right .header-item-text-small:before{content:"";position:absolute;top:15px;left:0;width:2rem;height:2px;background-color:var(--color-grey-5)}#about-header-left{padding-right:5rem}#about-header-left h4{font-size:2rem;text-transform:uppercase}#about-header-left p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}#about-statistics{padding-bottom:4rem}#about-statistics #statistics{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-statistics #statistics .skill{display:flex;flex-direction:column}#about-statistics #statistics .skill-image{width:40px}#about-statistics #statistics .skill-container{display:flex;align-items:center}#about-statistics #statistics .skill-container-text{color:var(--color-grey-2)}#about-statistics #statistics .skill-container-indicator{width:100%;height:.5rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}#about-statistics #statistics .skill-container-indicator span{position:absolute;top:0;left:0;height:100%;background-color:var(--color-secondary)}#about-timeline{padding-bottom:3rem}#about-timeline #timeline{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem}#about-timeline #timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}#about-timeline #timeline .timeline-item-icon{position:absolute;top:0;left:-27px;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}#about-timeline #timeline .timeline-item-icon i{font-size:1.3rem}#about-timeline #timeline .timeline-item-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}#about-timeline #timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}#about-timeline #timeline .timeline-item h5 span{color:var(--color-grey-2);font-weight:500;font-size:1.2rem}#about-timeline #timeline .timeline-item-content{color:var(--color-grey-2)}.about-title{text-transform:uppercase;font-size:1.4rem;text-align:center;padding:3.5rem 0;position:relative}.about-title::before{content:"";position:absolute;top:0;left:50%;width:40%;height:1px;background-color:var(--color-grey-5);transform:translateX(-50%)}#portfolio-subtitle{padding:2rem 0;text-align:center}#portfolio-container{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#portfolio-container .portfolio-item{position:relative}#portfolio-container .portfolio-item-image img{width:100%;height:250px;object-fit:cover;border-radius:15px}#portfolio-container .portfolio-item-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--color-secondary);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transform:scale(0);transition:var(--transition)}#portfolio-container .portfolio-item-hover h3{font-size:1.5rem;color:var(--color-white);margin-bottom:1.5rem}#portfolio-container .portfolio-item-hover-icons{display:flex;justify-content:center;align-items:center}#portfolio-container .portfolio-item-hover-icons a{background-color:var(--color-primary);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:0 1rem;cursor:pointer;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a i{font-size:1.5rem;color:var(--color-white);margin:0 1rem;transition:var(--transition)}#portfolio-container .portfolio-item-hover-icons a:hover{background-color:var(--color-white)}#portfolio-container .portfolio-item-hover-icons a:hover i{color:var(--color-secondary)}#portfolio-container .portfolio-item:hover .portfolio-item-hover{opacity:1;transform:scale(1)}#articles{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:2rem;margin-top:3rem}#articles .article{position:relative;background-color:var(--color-grey-5);border-radius:5px;box-shadow:1px 1px 20px rgba(0,0,0,.1);transition:var(--transition)}#articles .article img{width:100%;height:300px;object-fit:cover;border-radius:5px 5px 0 0;filter:grayscale(100%);transition:var(--transition)}#articles .article .article-text{margin-top:-7px;padding:1.1rem;border-top:8px solid var(--color-secondary)}#articles .article .article-text h4{font-size:1.5rem;margin-bottom:.7rem}#articles .article .article-text h4 a{transition:var(--transition);cursor:pointer}#articles .article .article-text h4 a:hover{color:var(--color-secondary)}#articles .article .article-text p{color:var(--color-grey-2);line-height:2rem;padding-bottom:1rem}#articles .article:hover{box-shadow:var(--box-shadow);transform:translateY(-5px);transition:var(--transition)}#articles .article:hover img{filter:grayscale(0);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.8)}.contact-content-con{display:flex;padding-top:3.5rem}.contact-content-con .left-contact{flex:2}.contact-content-con .left-contact h4{margin-top:1rem;font-size:2rem;text-transform:uppercase}.contact-content-con .left-contact p{margin:1rem 0;line-height:2rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:space-between}.contact-content-con .left-contact .contact-info .contact-item p{margin:.3rem 0 !important;padding:0 !important}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem}.contact-content-con .left-contact .contact-icon{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icon a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:all .4s ease-in-out}.contact-content-con .left-contact .contact-icon a:hover{background-color:var(--color-secondary)}.contact-content-con .left-contact .contact-icon a:hover i{color:var(--color-primary)}.contact-content-con .left-contact .contact-icon a i{display:flex;align-items:center;justify-content:center;font-size:1.3rem}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .input-control{margin:1.5rem 0}.contact-content-con .right-contact .input-control input,.contact-content-con .right-contact .input-control textarea{border-radius:30px;font-weight:inherit;font-size:inherit;font-family:inherit;padding:.8rem 1.1rem;outline:none;border:none;background-color:var(--color-grey-5);width:100%;color:var(--color-white);resize:none}.contact-content-con .right-contact .i-c-2{display:flex}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:1.5rem}.contact-content-con .right-contact .submit-btn{display:flex;justify-content:flex-start}.about-container .left-about p{padding-left:0}@media screen and (max-width: 600px){header{padding:0 !important}.theme-btn{width:50px;height:50px}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}.header-content .left-header .image{margin:0 auto;width:90%}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translateX(-50%);width:100%;background-color:var(--color-grey-5)}.controls .control{margin:1rem .3rem}.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr);padding-top:2.5rem}.about-container .left-about{padding-right:0}.about-container .left-about p{padding-left:0}.timeline{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.container{padding:2rem 2.5rem !important}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem;margin-top:1rem}.blogs{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.contact-item{flex-direction:column;margin:1rem 0}.contact-item p{font-size:15px;color:var(--color-grey-2)}.contact-item span{font-size:15px}.contact-item .icon{grid-template-columns:25px 1fr}.main-title h2{font-size:2rem}.main-title h2 span{font-size:2.3rem}.main-title h2 .bg-text{font-size:2.3rem}}@media screen and (max-width: 1432px){.container{padding:7rem 11rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .i-c-2{flex-direction:column}.contact-content-con .right-contact .i-c-2 :last-child{margin-left:0;margin-top:1.5rem}.contact-content-con .right-contact{margin-bottom:6rem}.main-title h2 .bg-text{font-size:5.5rem}}@media screen and (max-width: 1250px){.blogs{grid-template-columns:repeat(2, 1fr);margin-top:6rem}.portfolios{grid-template-columns:repeat(2, 1fr)}.header-content .right-header{padding-right:9rem}}@media screen and (max-width: 660px){.blogs{grid-template-columns:repeat(1, 1fr)}.portfolios{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 1070px){.about-container{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{padding-top:2.5rem}.main-title h2{font-size:4rem}.main-title h2 span{font-size:4rem}.main-title h2 .bg-text{font-size:4.5rem}}@media screen and (max-width: 970px){.container{padding:7rem 6rem}.about-container .left-about{padding-right:0rem}.header-content{grid-template-columns:repeat(1, 1fr);padding-bottom:6rem}.left-header .h-shape{display:none}.left-header .image{width:90% !important;margin:0 auto !important}.right-header{grid-row:1;padding-right:0rem !important;width:90%;margin:0 auto}.right-header .name{font-size:2.5rem !important;text-align:center;padding-top:3rem}}@media screen and (max-width: 700px){.container{padding:7rem 3rem}.about-stats .progress-bars{grid-template-columns:repeat(1, 1fr)}.about-container .right-about{grid-template-columns:repeat(1, 1fr)}.timeline{grid-template-columns:repeat(1, 1fr)}.main-title h2{font-size:3rem}.main-title h2 span{font-size:3rem}.main-title h2 .bg-text{font-size:4rem}}/*# sourceMappingURL=styles.min.css.map */