body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App .sidebar{width:16%;height:100vh;background-color:#191d2b;position:fixed;border-right:1px solid #689775;z-index:11;-webkit-transform-origin:left;transform-origin:left}@media screen and (max-width:1000px){.App .sidebar{transition:all .4s ease-in-out;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:30%}}@media screen and (max-width:411px){.App .sidebar{width:50%}}@media screen and (max-width:1000px){.App .nav-toggle{transition:all .4s ease-in-out;-webkit-transform:translateX(0);transform:translateX(0)}}.App .main-content{width:84%;margin-left:16%;background-color:#141414;min-height:100vh;display:grid;position:relative}.App .main-content .content{margin:5rem 15rem}@media screen and (max-width:1100px){.App .main-content .content{margin:2rem 10rem}}@media screen and (max-width:1400px){.App .main-content .content{margin:3rem 10rem}}@media screen and (max-width:710px){.App .main-content .content{margin:2rem 3rem}}@media screen and (max-width:1000px){.App .main-content{margin-left:0;width:100%}}.App .content{margin:5rem 15rem}.nav-btn{position:absolute;z-index:10;right:10%;top:5%;width:4rem;display:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer}.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{height:.4rem;width:100%;background-color:#689775;pointer-events:none;display:none;border-radius:20px}.nav-btn .lines-1:not(:last-child),.nav-btn .lines-2:not(:last-child),.nav-btn .lines-3:not(:last-child){margin-bottom:.5rem}@media screen and (max-width:1000px){.nav-btn,.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{display:block}}.NavBar{height:100vh}.NavBar .nav{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.NavBar .nav .profile{width:100%;text-align:center;margin-top:1rem;border-bottom:1px solid #689775}.NavBar .nav .profile img{width:60%;border-radius:100%;border:5px solid #689775;margin-bottom:1rem}.NavBar .nav .profile h1{margin-bottom:1rem}.NavBar .nav .nav-items{width:100%}.NavBar .nav .nav-items .nav-item{list-style:none;text-align:center}.NavBar .nav .nav-items .nav-item a{text-decoration:none;font-size:inherit;color:inherit;text-align:center;display:block;padding:.5rem 0;margin-top:2rem;position:relative}.NavBar .nav .nav-items .nav-item a:before{content:"";position:absolute;top:0;left:0;width:.4rem;height:100%;background-color:rgba(104,151,117,.7607843137254902);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scale(0);transform:scale(0);overflow-x:hidden;transition:width .5s cubic-bezier(.075,.82,.165,1) .4s,-webkit-transform .4s;transition:transform .4s,width .5s cubic-bezier(.075,.82,.165,1) .4s;transition:transform .4s,width .5s cubic-bezier(.075,.82,.165,1) .4s,-webkit-transform .4s}.NavBar .nav .nav-items .nav-item a:hover:before{width:100%;-webkit-transform:scale(1);transform:scale(1)}.NavBar .nav .footer{width:100%;border-bottom:1px solid #689775}.NavBar .nav .footer p{text-align:center;padding:1rem 0}.active{background-color:#689775}.HomePage{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;z-index:2}.presentation-text{color:#fff;text-align:center;font-size:3.6rem}.presentation-text span{color:#689775}.presentation-sub-text{text-align:center}.icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:1.5rem 0}.icons .icon-link{margin-right:1rem}.icons .icon-link .icon{font-size:2.8rem;color:#a4acc4;transition:all .4s ease-in-out}.icons .icon-link .icon:hover{color:#689775}.Title{text-transform:uppercase;font-size:2rem;color:#fff;position:relative;letter-spacing:2px}.Title:before{background-color:rgba(104,151,117,.313725);width:6rem}.Title:after,.Title:before{content:"";bottom:0;position:absolute;left:0;height:.4rem;border-radius:50px}.Title:after{background-color:#689775;width:3rem}.Title span{position:absolute;top:15%;left:0;font-size:5rem;opacity:.07}@media screen and (max-width:710px){.Title span{font-size:4rem}}.ImageSection{display:-webkit-flex;display:flex;margin-top:4rem;margin-bottom:4rem}.ImageSection .img img{width:100%;object-fit:cover}.ImageSection .about-info{margin-left:2rem}.ImageSection .about-info h4{font-size:2rem}.ImageSection .about-info .about-text{padding:1rem 0}@media screen and (max-width:1400px){.ImageSection{-webkit-flex-direction:column;flex-direction:column}.ImageSection .about-info{margin-left:0;margin-top:1rem}}@media screen and (max-width:480px){.ImageSection{-webkit-flex-direction:column;flex-direction:column}.ImageSection .about-info{margin-left:0;margin-top:1rem}.ImageSection .img{width:50%}}.about-details{display:-webkit-flex;display:flex}.about-details p{padding:.3rem 0}.about-details .right-section{margin-left:2.3rem}.download-cv-btn{padding:1rem 2rem;background-color:#689775;outline:none;border:none;font-family:inherit;font-size:inherit;color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:2px;margin-top:1rem;position:relative}.download-cv-btn:after{position:absolute;content:"";width:0;height:.3rem;left:0;bottom:0;background-color:#fff;transition:all .4s ease-in-out}.download-cv-btn:hover:after{width:100%}.skillsContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2.5rem;-webkit-column-gap:2.5rem;column-gap:2.5rem;grid-row-gap:3rem;row-gap:3rem;margin:4rem 0}@media screen and (max-width:1100px){.skillsContainer{grid-template-columns:repeat(1,1fr)}}.btn-port{padding:.6rem 2rem;background-color:rgba(104,151,117,.313725);border:none;outline:none;cursor:pointer;font-size:inherit;font-family:inherit;color:#fff;margin-bottom:1rem;transition:all .3s ease-in-out}.btn-port:not(:last-child){margin-right:1rem}.btn-port:active,.btn-port:focus,.btn-port:hover{background-color:#689775}.buttons{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:4rem 10rem;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width:1270px){.buttons{margin:2rem 5rem}}@media screen and (max-width:1100px){.buttons{margin:2rem}}.skills-container .skill-title{font-size:1.4rem;font-weight:400}.skills-container .skill-bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.skills-container .skill-bar .skill-progress{width:100%}.skills-container .skill-bar .skill-progress .progress{border-radius:1rem;width:20rem;height:.5rem;background-color:red;margin-left:1rem;background-color:rgba(104,151,117,.313725);position:relative}.skills-container .skill-bar .skill-progress .progress .inner-progress{border-radius:1rem;position:absolute;background-color:#689775;height:100%;bottom:0;left:0}.SkillsSection .skill-title a{color:#8fcea1;text-decoration:none;font-size:.9em;transition:color .3s ease}.SkillsSection .skill-title a:hover{color:#689775;text-decoration:underline}.SkillsSection .skill-title a.with-link:after{content:" 🔗";font-size:.8em}.ServicesSection .service{width:100%;height:21rem;background-color:rgba(29,37,30,.788235);border:1px solid rgba(104,151,117,.313725);border-top:8px solid rgba(104,151,117,.313725);transition:all .4s ease-in-out}@media screen and (max-width:1400px){.ServicesSection .service{width:100%;margin-bottom:1rem}}.ServicesSection .service:hover{border-top:8px solid #689775}.ServicesSection .service .service-content{padding:1rem}.ServicesSection .service .service-content:hover{background-color:rgba(104,151,117,.313725);height:20.5rem;transition:all .4s ease-in-out;cursor:pointer}.ServicesSection .service .service-content .s-title{font-size:1.4rem;font-weight:500;position:relative;padding-bottom:1rem;margin:1rem 0}.ServicesSection .service .service-content .s-title:after{content:"";position:absolute;bottom:0;left:0;background-color:rgba(104,151,117,.313725);transition:all .4s ease-in-out;width:30%;height:.4rem}.services-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:4rem}@media screen and (max-width:1400px){.services-container{-webkit-flex-direction:column;flex-direction:column;margin-bottom:2rem}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,.1);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;--webkit-animation:anvil 0.3s cubic-bezier(0.38,0.1,0.36,0.9) forwards}.popup .popup-inner{position:relative;border-radius:1rem;padding:32px;width:100%;max-width:50%;background-color:#689775}@media screen and (max-width:710px){.popup .popup-inner{max-width:75%}}.popup .popup-inner .popup-title{text-align:center;border-bottom:2px solid #fff}.popup .popup-inner .popup-text{text-align:center}.popup .popup-inner .close-btn{position:absolute;top:16px;right:16px;cursor:pointer}.popup .popup-inner .close-btn:hover{font-weight:700}@-webkit-keyframes anvil{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:0;box-shadow:0 0 0 hsla(0,0%,94.5%,0)}1%{-webkit-transform:scale(.96) translateY(10px);transform:scale(.96) translateY(10px);opacity:0;box-shadow:0 0 0 hsla(0,0%,94.5%,0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1;box-shadow:0 0 500px hsla(0,0%,94.5%,0)}}@keyframes anvil{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:0;box-shadow:0 0 0 hsla(0,0%,94.5%,0)}1%{-webkit-transform:scale(.96) translateY(10px);transform:scale(.96) translateY(10px);opacity:0;box-shadow:0 0 0 hsla(0,0%,94.5%,0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1;box-shadow:0 0 500px hsla(0,0%,94.5%,0)}}.SmallTitle{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:3rem;padding-bottom:1.5rem}.SmallTitle h3{color:#fff;font-size:2rem}.SmallTitle p{width:8%;padding-right:1rem;-webkit-align-items:center;align-items:center}.SmallTitle p img{width:100%}.experience-resume-content{border-left:2px solid #689775}.experience-resume-content:not(:last-child){padding-bottom:3rem}.ResumeItem{display:-webkit-flex;display:flex}.ResumeItem p{font-size:1rem}.ResumeItem .left-content{padding-left:20px;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@media screen and (max-width:1600px){.ResumeItem .left-content{width:20%}}@media screen and (max-width:480px){.ResumeItem .left-content{width:40%}}.ResumeItem .left-content:before{content:"";position:absolute;left:-10px;top:5px;height:14px;width:14px;border-radius:50%;border:2px solid #689775;background-color:#689775}.ResumeItem .left-content p{display:inline-block}.ResumeItem .left-content .months-marg{margin-left:10%}@media screen and (max-width:480px){.ResumeItem .left-content .months-marg{margin-left:1%}}.ResumeItem .right-content{padding-left:6rem;position:relative;width:100%}.ResumeItem .right-content:before{content:"";position:absolute;left:0;top:15px;height:2px;width:3rem;background-color:rgba(104,151,117,.313725)}.ResumeItem .right-content h5{color:#689775;font-size:2.3rem;padding-bottom:.4rem;margin-top:-.4em}.ResumeItem .right-content h6{padding-bottom:.6rem;font-size:1.6rem}.PortfolioPage .title{margin-bottom:5rem}.portfolios{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:2rem;row-gap:2rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}@media screen and (max-width:1600px){.portfolios{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){.portfolios{grid-template-columns:repeat(1,1fr)}}.portfolios .portfolio .image-data{position:relative}.portfolios .portfolio .image-data:before{content:"";position:absolute;top:12px;left:15px;height:calc(100% - 30px);width:calc(100% - 30px);background-color:hsla(0,0%,100%,.925);-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(0);transform:scale(0);transition:all .4s ease-in-out}.portfolios .portfolio .image-data:hover:before{-webkit-transform:scale(1);transform:scale(1)}.portfolios .portfolio .image-data img{width:100%;height:30vh;object-fit:cover}.portfolios .portfolio .image-data .hover-items{list-style:none;position:absolute;top:70%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1rem 2rem;visibility:hidden}.portfolios .portfolio .image-data .hover-items li a{padding:1rem;text-decoration:none;font-family:inherit;border-radius:10px;background-color:#689775;color:#fff;opacity:.9}.portfolios .portfolio .image-data .hover-items li a:not(:last-child){margin-right:2rem}.portfolios .portfolio .image-data:hover .hover-items{transition:all .5s ease-in-out .2s;visibility:visible;top:50%}.portfolios .portfolio h5{font-size:1.7rem;font-weight:400;color:#fff;transition:all .3s ease-in-out}.portfolios .portfolio h5:hover{color:#689775;cursor:pointer}.portfolios .portfolio h5 a{text-decoration:none!important;color:#fff;transition:all .3s ease-in-out}.portfolios .portfolio h5 a:hover{color:#689775}.Container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:4rem;margin-bottom:4rem}.Container .img-project{text-align:center}.Container .img-project img{height:25rem;border:3px solid #689775}.Container .project-text .linkA{text-decoration:none;color:#689775}.Container .project-text .linkA:hover{color:#8fcea1}.Container .project-text .github-redirect{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.text-no-content{text-align:center;vertical-align:middle;margin-top:15rem}.dropdown-container{z-index:10}.dropbtn{background-color:#141414;font-size:16px;width:auto;border:none;cursor:pointer}.dropdown{position:relative;display:inline-block;float:right;margin:10px}.dropdown-content{display:none;position:absolute;right:0;background-color:#141414;width:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#689775}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width:1400px){.dropdown-container{width:50%}}@media screen and (max-width:480px){.dropdown{float:left}.dropdown .dropbtn{margin-top:15px}.dropdown .dropdown-content{left:0}}*{padding:0;margin:0;box-sizing:border-box}body{color:#fff;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.2rem}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background-color:#689775;border-radius:50px}body::-webkit-scrollbar-track{background-color:#191d2b}span{color:#689775}@media screen and (max-width:411px){html{font-size:70%}}@media screen and (max-width:700px){html{font-size:70%}}@media screen and (max-width:480px){h2,h3{font-size:70%}}
/*# sourceMappingURL=main.aefc3cbd.chunk.css.map */