@import url(https://fonts.googleapis.com/css?family=Poppins&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{line-height:1.4;background-color:#05182c}body,input,textarea{font-family:"Poppins",sans-serif}a{color:#333;text-decoration:none}ul{margin:0;padding:0;list-style:none}.App{overflow:hidden;position:relative}.wrapper{box-sizing:content-box;max-width:960px;margin-left:auto;margin-right:auto}header{height:100vh}header,main{position:relative}main{background-color:#05182c}.title-left{position:absolute}.title-left,.title-left-admin{justify-content:flex-start;border-left:.5px solid hsla(0,0%,100%,.3);padding-left:15px}.title-left,.title-left-admin,.title-right{display:flex;font-weight:bolder;letter-spacing:-1px;height:40px;align-items:flex-end;color:hsla(0,0%,100%,.3)}.title-right{justify-content:flex-end;border-right:.5px solid hsla(0,0%,100%,.3);padding-right:15px}.home{position:fixed;margin:0 auto;bottom:0;left:0;right:0;justify-content:center;align-self:center;flex-direction:column;padding:0 15px;z-index:-1}.home,.welcome{display:flex;top:0}.welcome{font-weight:bolder;letter-spacing:-1px;height:40px;align-items:flex-end;color:hsla(0,0%,100%,.3);position:absolute;padding-left:15px;border-left:.5px solid hsla(0,0%,100%,.3)}.graphic-container{position:fixed;top:0;right:0}.graphic-one{right:-60px;width:150px;height:150px;transform:rotate(-45deg);background-image:linear-gradient(90deg,#2336b6,rgba(31,38,103,.9))}.graphic-one,.graphic-two{position:absolute;top:-80px;display:block}.graphic-two{right:30px;width:130px;height:130px;border-radius:100px;background-image:linear-gradient(-90deg,rgba(49,207,171,.5),#50e3c2)}.title-home-div{display:flex;justify-content:center;align-items:center;flex-direction:column}.title-home-div #svgHome{height:40px}.title-home-div #svgHome path{fill:#ee5253;transition:.2s ease-in-out}.home-gradient{text-align:center;background:-webkit-linear-gradient(45deg,#09009f,#00ff95 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bolder;font-size:80px;letter-spacing:-4px;padding:10px}.job-name{color:hsla(0,0%,100%,.7);font-size:20px;font-weight:bolder}.job-name span{color:#1e87f0;text-decoration:underline}.sub-name{color:hsla(0,0%,100%,.7);font-size:25px;font-weight:bolder}.page-404{flex-direction:column}.page-404,.return-hompepage{display:flex;justify-content:center;align-items:center}.return-hompepage{padding:0 25px;height:40px;margin:15px 0;width:auto;background-color:#1e87f0;border-radius:5px;border:none;color:#fff;font-size:15px;font-weight:900;font-family:"Poppins",sans-serif;cursor:pointer;transition:.2s ease-in-out}.return-hompepage:focus,.return-hompepage:hover{background-color:rgba(30,135,240,.849)}.return-hompepage:focus{outline-style:none;box-shadow:none;border-color:transparent}@media screen and (min-width:371px){.job-name{font-size:20px}.graphic-one{top:-100px;right:-60px;width:200px;height:200px}.graphic-two{top:-100px;right:80px;width:180px;height:180px}}@media screen and (min-width:426px){.home{padding:0}.graphic-one{width:220px;height:220px}.graphic-two{width:200px;height:200px}}.main-menu{background-color:#05182c;border-bottom:.5px solid hsla(0,0%,100%,.3);position:absolute;left:0;right:0;bottom:0;z-index:100}.main-menu .container-nav{padding:0 40px;display:flex;justify-content:space-between;align-items:center;height:80px}.main-menu .container-nav a{display:flex;justify-content:center;align-items:center;padding:0 15px;text-transform:none;text-decoration:none;font-weight:700;height:65px;width:100%}.menu-fixed{position:fixed;top:0;bottom:unset}.menu{position:absolute;top:80px;left:0;background-color:#05182c;width:100%;border-bottom:.5px solid hsla(0,0%,100%,.3);display:none}.menu .list-menu{display:flex;flex-direction:column;align-items:center}.menu .list-menu li{width:100%}.menu .list-menu li .active{color:#fff}.menu .list-menu li:focus{outline-style:none;box-shadow:none;border-color:transparent}.menu .list-menu li:focus-visible a{color:#fff}.menu a{color:hsla(0,0%,100%,.7);transition:.2s ease-in-out;cursor:pointer}.menu a:hover{color:hsla(0,0%,100%,.5)}.social ul{display:none}.social-mobile{padding-bottom:20px}.social-mobile ul{display:flex;justify-content:center}.social-svg svg{height:20px}.social-svg svg path{fill:hsla(0,0%,100%,.7);transition:.2s ease-in-out}.social-svg svg:hover path{fill:hsla(0,0%,100%,.5)}.social-svg a:focus{outline-style:none;box-shadow:none;border-color:transparent}.social-svg a:focus svg path{fill:#fff}.burger-menu-svg svg{height:30px}.burger-menu-svg svg path{fill:hsla(0,0%,100%,.7);transition:.2s ease-in-out}.burger-menu-svg svg:hover path{fill:hsla(0,0%,100%,.5)}.logoutSvg{display:flex;align-items:center;height:65px;padding:0 15px;cursor:pointer}.logoutSvg svg{height:30px}.logoutSvg svg path{stroke:hsla(0,0%,100%,.7);fill:none;transition:.2s ease-in-out}.logoutSvg svg:focus path,.logoutSvg svg:hover path{stroke:hsla(0,0%,100%,.5);fill:none}.logoutSvg:focus{outline-style:none;box-shadow:none;border-color:transparent}.logoutSvg:focus svg path{stroke:#fff;fill:none}.display-block{display:block}.display-svg-menu{display:none}@media screen and (min-width:640px){.menu .list-menu{flex-direction:row;justify-content:center}.menu .list-menu li{width:auto}.social-mobile{padding:0}}@media screen and (min-width:960px){.maine-menu .container-nav{padding:0}.menu{justify-content:center;border:none;position:unset;top:unset}.menu,.social ul{display:flex}.burger-menu-svg,.social-mobile ul{display:none}}.logo{outline:none}.logo a{position:relative;cursor:pointer}.logo a:before{content:"";position:absolute;width:30px;height:30px;top:50%;margin-top:-15px;background:#1e87f0;left:3px;border-radius:50%;z-index:0}.logo a span{position:relative;color:hsla(0,0%,100%,.7);font-weight:700;font-size:1.3rem;transition:color .2s ease-in-out}.logo a:focus{outline-style:none;box-shadow:none;border-color:transparent}.logo a:focus-visible span{color:#fff}.about{overflow:hidden}.about-container{display:flex;justify-content:space-between;flex-direction:column;position:relative;margin:0 15px}.img-about{display:flex;justify-content:center}.img-about img{width:80%}.text-about{display:flex;justify-content:space-between;flex-direction:column}.text-about .about-me{padding:50px 20px}.text-about h2{color:#fff;font-size:30px}.text-about p{color:hsla(0,0%,100%,.7)}.info{background-color:hsla(0,0%,100%,.02);position:relative}.info ul{padding:20px}.info ul li{display:flex;align-items:center;margin:10px 0;color:hsla(0,0%,100%,.5);font-size:13px}.info ul li div{width:70%}.info span{display:inline-block;color:hsla(0,0%,100%,.7);width:30%}.info:before{background:#2336b6;width:20px;left:-20px;z-index:10}.info:after,.info:before{content:"";position:absolute;bottom:0;top:0}.info:after{background:inherit;right:-1200px;width:1200px}.about-job-container{width:100%;border-bottom:.5px solid hsla(0,0%,100%,.3);border-top:.5px solid hsla(0,0%,100%,.3)}.about-job{display:flex;justify-content:space-between}.about-job div:first-child{border-left:.5px solid hsla(0,0%,100%,.3);display:none}.about-job div:last-child{display:none}.about-job div{display:flex;justify-content:center;flex-direction:column;align-items:center;width:50%;height:150px;border-right:.5px solid hsla(0,0%,100%,.3)}.about-job div svg path{fill:hsla(0,0%,100%,.5)}.about-job div .svg-inline--fa{width:2.5rem;height:2.5rem}.about-job h5{color:#fff;margin-top:20px;margin-bottom:0;font-weight:700;letter-spacing:-1px;font-size:17px}@media screen and (min-width:640px){.img-about img{width:50%}.info span{width:140px}}@media screen and (min-width:960px){.about-container{flex-direction:row;margin:0 auto}.img-about{width:25%}.img-about img{width:100%}.text-about{width:75%}.text-about .about-me{padding:0 20px}.info ul{padding:20px 40px}.about-job div{width:25%}.about-job div:first-child,.about-job div:last-child{display:block}}.resume{display:flex;position:relative;padding:0 15px}.list-resume{display:none}.list-resume li:focus{outline-style:none;box-shadow:none;border-color:transparent}.list-resume li:focus-visible a{color:#fff}.edu-expe{width:100%}.edu-container{margin-top:70px}.edu-container h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.edu-container h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.exp-container{margin-top:70px}.exp-container h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.exp-container h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.skill-container{margin-top:70px}.skill-canvas{width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin:30px 0}.skill-canvas .canvas-container:nth-child(odd){background-color:hsla(0,0%,100%,.027)}.skill-bars{display:flex;flex-direction:column;padding-bottom:30px}.skill-bars .language-skills,.skill-bars .soft-skills{width:100%}.skill-bars .language-skills h4,.skill-bars .soft-skills h4{color:#fff;font-size:20px}@media screen and (min-width:640px){.list-resume{display:block;margin-top:80px;margin-bottom:50px;font-weight:bolder;top:30px}.list-resume ul{font-size:15px}.list-resume ul li{padding:7px 0}.list-resume ul li a{display:flex;align-items:center;color:hsla(0,0%,100%,.5);transition:.5s ease-in-out;cursor:pointer}.list-resume ul li a:hover{color:hsla(0,0%,100%,.7)}.list-resume ul li a:before{content:"";width:0;height:1px;background-color:#fff;transition:.5s ease-in-out}.list-resume ul li .active{color:#fff}.list-resume ul li .active:before{content:"";display:inline-block;width:15px;margin-right:5px}.menu-resume-fixed{position:fixed;bottom:unset}.menu-resume{width:25%}.edu-expe{width:75%;border-left:.5px solid hsla(0,0%,100%,.3);padding-left:20px}.skill-canvas{justify-content:flex-start}.skill-canvas .canvas-container{width:33%}}@media screen and (min-width:960px){.resume{padding:0}.edu-expe{padding-left:50px;margin-left:-1px}.skill-canvas .canvas-container{width:25%}.skill-bars{flex-direction:row}.skill-bars .language-skills,.skill-bars .soft-skills{width:50%}.skill-bars .soft-skills{margin-right:25px}.skill-bars .language-skills{margin-left:15px}}.container-resume:not(:last-child){border-bottom:.5px solid hsla(0,0%,100%,.3)}.container-resume{transition:.5s ease-in-out}.container-resume:hover h3{color:#1e87f0}.date-resume{display:flex;align-items:center;margin-top:20px}.date-resume p{margin-left:10px;color:hsla(0,0%,100%,.7)}.resume-svg{display:flex;justify-content:center;align-items:center;width:33px;height:33px;background-color:#1e87f0;border-radius:50%}.resume-svg svg{margin-top:-2px;width:18px;height:18px}.resume-svg svg path{stroke:#fff}.text-resume{margin:15px 0 35px 43px}.text-resume h3{color:#fff;margin-bottom:10px;font-size:1.25rem;line-height:1.4;font-weight:700;letter-spacing:-1px;transition:.2s ease-in-out}.text-resume p{color:hsla(0,0%,100%,.7);font-size:15px}.canvas-container{width:50%;text-align:center}.canvas-container p{color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;margin-top:-10px;margin-bottom:20px}.canvas{position:relative}.canvas span{width:100%;position:absolute;top:calc(50% - 12px);left:0;color:hsla(0,0%,100%,.3);font-size:19px;font-weight:900;line-height:19px;transition:.2s ease-in-out}.canvas:hover span{color:#1e87f0}.skill-bar-container{display:flex;flex-direction:column;width:100%}.skill-bar-container:not(:last-child){border-bottom:.5px solid hsla(0,0%,100%,.3)}.info-skill{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px}.info-skill p,.info-skill span{color:#fff}.info-skill p{text-transform:capitalize}.info-skill span{font-weight:bolder;font-size:80%}.skill-bar{margin:20px 0 25px;width:100%;height:6px;background-color:#fff;border-radius:5px;overflow:hidden}.skill-bar div{background-color:#1e87f0;height:6px}.portfolio-container{border-top:.5px solid hsla(0,0%,100%,.3)}.projects{display:flex;flex-wrap:wrap;justify-content:center;margin:60px 0}.project{position:relative;overflow:hidden;width:300px;height:200px;margin:10px;border-radius:7px;cursor:pointer;box-shadow:0 15px 36px -11px rgba(0,0,0,.5)}.project img{width:100%;height:inherit;transform:scale(1.2);transition:transform .2s ease-in-out}.project .project-name{position:absolute;bottom:0;left:0;background-color:#05182c;padding:3px 9px;border-top-right-radius:7px;color:#fff;font-size:18px;font-weight:700;z-index:5;transition:color .2s ease-in-out}.project .project-more{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;margin:10px;border-radius:7px;background-color:rgba(5,24,44,.849);transition:opacity .5s ease-in-out}.project .project-more div{width:100px;display:flex;justify-content:space-between}.project .project-more div span{display:flex;justify-content:center;align-items:center;width:45px;height:45px;background-color:#1e87f0;border-radius:5px;color:#fff;transition:background-color .2s ease-in-out}.project .project-more div span a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff}.project .project-more div span:hover{background-color:rgba(30,135,240,.849)}.project:hover .project-name{color:#1e87f0}.project:hover .project-more{opacity:1}.project:hover img{transform:scale(1.1)}.info-project-modal{width:100%;height:100%}.info-project-modal,.info-project-modal .img-project{display:flex;flex-direction:column;justify-content:center}.info-project-modal .img-project img{width:100%;margin-bottom:10px;box-shadow:0 15px 36px -11px rgba(0,0,0,.3)}.info-project-modal .img-project a,.info-project-modal .img-project span{color:#50e3c2;transition:color .2s ease-in-out}.info-project-modal .img-project a:hover,.info-project-modal .img-project span:hover{color:#3bad95}.info-project-modal .img-project span svg{margin-right:5px}.info-project-modal .info-project{margin-top:20px}.info-project-modal .info-project h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.info-project-modal .info-project h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.info-project-modal .info-project p{color:#fff;margin-bottom:10px}.info-project-modal .info-project .techno-used{margin-top:20px}.info-project-modal .info-project .techno-used h4{color:hsla(0,0%,100%,.7)}.info-project-modal .info-project .techno-used ul{display:flex;flex-direction:row;padding:10px 0}.info-project-modal .info-project .techno-used ul li{margin-right:10px;padding:5px 8px;border-radius:3px;background-color:#1e87f0;color:#fff;text-transform:capitalize;transition:background-color .2s ease-in-out}.info-project-modal .info-project .techno-used ul li:hover{background-color:rgba(30,135,240,.849)}.form-project-admin{display:flex;flex-direction:column}.form-project-admin .project-form-container-first .input,.form-project-admin .project-form-container-last .input{width:100%}.form-project-admin .container-img-project-edit p{display:block;color:#fff;font-size:14px;margin-bottom:10px}.form-project-admin .container-img-project-edit div{display:flex;justify-content:center;position:relative;margin:0 auto 10px;width:345px;height:200px}.form-project-admin .container-img-project-edit div .switch-to-input-project-img{position:absolute;top:10px;right:10px;width:25px;height:25px;border:none;border-radius:50%;background-color:#1e87f0;font-size:15px;color:#fff;cursor:pointer;transition:.2s ease-in-out}.form-project-admin .container-img-project-edit div .switch-to-input-project-img:hover{color:#05182c;transform:scale(1.1)}.form-project-admin .container-img-project-edit div img{width:100%;box-shadow:0 15px 36px -11px rgba(0,0,0,.3)}@media screen and (min-width:640px){.projects{justify-content:flex-start}.info-project-modal{display:flex;flex-direction:row;justify-content:flex-start;width:900px;height:auto}.info-project-modal .img-project{display:flex;justify-content:flex-start;width:45%}.info-project-modal .img-project img{width:100%}.info-project-modal .info-project{margin:0 0 0 20px;width:55%}.info-project-modal .info-project h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.info-project-modal .info-project h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.info-project-modal .info-project p{color:#fff}.form-project-admin{flex-direction:row}.form-project-admin .project-form-container-first,.form-project-admin .project-form-container-last{width:50%}.form-project-admin .project-form-container-first{margin-right:10px}.form-project-admin .project-form-container-last{margin-left:10px}.form-project-admin .container-img-project-edit div{width:250px;height:160px}}@media screen and (min-width:960px){.form-project-admin .container-img-project-edit div{width:375px;height:200px}}.contact-container{border-top:.5px solid hsla(0,0%,100%,.3)}.contact{display:flex;flex-direction:column;position:relative;padding:0 15px}.contact-form{border-bottom:.5px solid hsla(0,0%,100%,.3);padding-top:80px}.contact-form h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.contact-form h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.contact-form p{margin:20px 0;font-size:16px;font-weight:900;color:hsla(0,0%,100%,.5)}.contact-info{display:flex;flex-direction:column}.contact-info ul{margin:20px 0 50px}.contact-info ul li{display:flex;align-items:center;color:hsla(0,0%,100%,.5);font-size:15px;padding:10px 0}.contact-info ul li span{width:40px;text-align:center}.contact-info ul li span svg{color:#1e87f0}.contact-info ul li:not(:last-child){border-bottom:.5px solid hsla(0,0%,100%,.3)}.contact-info ul li div{display:inline-block}.contact-info ul li div:first-child{margin-right:5px}.container-img-contact{display:none}@media screen and (min-width:960px){.contact{flex-direction:row;padding:0}.contact-form{width:70%;padding-right:35px;border-right:.5px solid hsla(0,0%,100%,.3);border-bottom:none;padding-bottom:30px}.contact-info{width:30%;padding-top:80px;padding-left:35px}.contact-info ul{margin:30px 0 0}.contact-info ul li div{display:block}.contact-info ul li div:first-child{margin-right:5px}.container-img-contact{display:block;text-align:center;width:240px;height:240px;background-color:#fff;overflow:hidden;border-radius:50%;border:1px solid #fff}.container-img-contact img{width:170px}}.btn-submit-action{display:flex;justify-content:center;align-items:center;padding:0 25px;height:60px;width:auto;background-color:#1e87f0;border-radius:5px;border:none;color:#fff;font-size:15px;font-weight:900;font-family:"Poppins",sans-serif;cursor:pointer;transition:.2s ease-in-out;margin:30px 30px 30px 0}.btn-submit-action:focus,.btn-submit-action:hover{background-color:rgba(30,135,240,.849)}.btn-submit-action:focus{outline-style:none;box-shadow:none;border-color:transparent}.btn-submit-action svg{margin-left:6px}.error-message-form{position:absolute;color:red;font-size:12px}.success-message{opacity:0;margin-left:20px;font-size:20px;color:green;transition:opacity .5s ease-in-out}.input-container{display:flex;flex-direction:column}.input{margin-bottom:20px}.input label{display:block;color:#fff;font-size:14px;margin-bottom:10px}.input .input-block{display:flex;align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:5px;border:.5px solid transparent;transition:border .2s ease-in}.input ::-webkit-input-placeholder{color:hsla(0,0%,100%,.5);font-family:"Poppins",sans-serif;opacity:1}.input :-ms-input-placeholder{opacity:1}.input ::-ms-input-placeholder{opacity:1}.input ::placeholder{color:hsla(0,0%,100%,.5);font-family:"Poppins",sans-serif;opacity:1}.input :-ms-input-placeholder{color:hsla(0,0%,100%,.5);font-family:"Poppins",sans-serif}.input ::-ms-input-placeholder{color:hsla(0,0%,100%,.5);font-family:"Poppins",sans-serif}.input:focus-within .input-block{border:.5px solid hsla(0,0%,100%,.3)}.input div span{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:hsla(0,0%,100%,.5);margin:0 5px}.input div span svg{width:25px!important;height:25px}.input div input{background-color:transparent;border:none;outline:none;width:100%;padding-right:10px;font-size:16px;color:hsla(0,0%,100%,.5)}.input div input[type=file]{opacity:0;z-index:10;position:absolute;top:0;height:100%}.input div .container-input-file{width:100%;position:relative}.input div .container-input-file span{justify-content:flex-start;width:100%;z-index:9}.input div .react-datepicker-wrapper{width:90%}.input div .react-datepicker-wrapper,.input div .react-datepicker__input-container{background-color:transparent;border:none}.input div .react-datepicker,.input div .react-datepicker__header{flex-direction:column;background-color:#05182c;border-radius:0}.input div .react-datepicker__month-container{flex-direction:column;width:250px}.input div .react-datepicker__month{flex-wrap:wrap}.input div .react-datepicker__current-month,.input div .react-datepicker__day,.input div .react-datepicker__day-name{color:#fff}.input div .react-datepicker__day{transition:.2s ease-in-out}.input div .react-datepicker__day:hover{color:#1e87f0}.input div .react-datepicker__close-icon:after{background-color:#1e87f0}.input-file{overflow:hidden}.input-file label{display:flex;align-items:center;background-color:#1e87f0;height:40px;padding:0 20px;margin:0}.text-area label{display:block;color:#fff;font-size:14px;margin-bottom:10px}.text-area .input-block{display:flex;align-items:center;background-color:hsla(0,0%,100%,.2);border-radius:5px;border:.5px solid transparent;transition:border .2s ease-in}.text-area ::-webkit-input-placeholder{color:hsla(0,0%,100%,.5);font-family:"Poppins",sans-serif;opacity:1}.text-area :-ms-input-placeholder{opacity:1}.text-area ::-ms-input-placeholder{opacity:1}.text-area ::placeholder{color:hsla(0,0%,100%,.5);font-family:"Poppins",sans-serif;opacity:1}.text-area :-ms-input-placeholder{color:hsla(0,0%,100%,.5);font-family:"Poppins",sans-serif}.text-area ::-ms-input-placeholder{color:hsla(0,0%,100%,.5);font-family:"Poppins",sans-serif}.text-area:focus-within .input-block{border:.5px solid hsla(0,0%,100%,.3)}.text-area div{padding:5px 0 0 10px}.text-area div textarea{background-color:transparent;border:none;outline:none;width:100%;height:200px;font-size:16px;color:hsla(0,0%,100%,.5)}.btn-container{display:flex;align-items:center}.container-checkbox,.container-radio{display:block;position:relative;padding-left:35px;padding-right:10px;cursor:pointer;color:#fff;font-size:16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.container-checkbox input,.container-radio input{position:absolute;opacity:0;cursor:pointer}.container-checkbox input{height:0;width:0}.checkmark-radio{top:-3px;background-color:#eee;border-radius:50%}.checkmark-checkbox,.checkmark-radio{position:absolute;left:0;height:25px;width:25px;transition:.3s ease-in-out}.checkmark-checkbox{top:0;border:1px solid hsla(0,0%,100%,.7);border-radius:5px}.container-radio:hover input~.checkmark-radio{background-color:#ccc}.container-checkbox:hover input~.checkmark-checkbox{border-color:#1e87f0}.container-checkbox input:checked~.checkmark-checkbox,.container-radio input:checked~.checkmark-radio{background-color:#2196f3}.checkmark-checkbox:after,.checkmark-radio:after{content:"";position:absolute;display:none}.container-checkbox input:checked~.checkmark-checkbox:after,.container-radio input:checked~.checkmark-radio:after{display:block}.container-radio .checkmark-radio:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}.container-checkbox .checkmark-checkbox:after{left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}@media screen and (min-width:960px){.input-container{display:flex;justify-content:space-between;flex-direction:row;margin-bottom:20px}.input{width:49%;margin-bottom:0}}.footer{background-color:#05182c;border-top:.5px solid hsla(0,0%,100%,.3)}.footer-container{justify-content:space-between}.footer-container,.footer-container a{height:80px;display:flex;align-items:center;padding:0 15px}.footer-container a{text-transform:none;text-decoration:none;font-weight:700}.footer-container a:focus{outline-style:none;box-shadow:none;border-color:transparent}.footer-container a:focus svg path{fill:#fff}.social-footer ul{display:flex}.social-footer svg{height:20px}.social-footer svg path{fill:hsla(0,0%,100%,.7);transition:.2s ease-in-out}.social-footer svg:hover path{fill:hsla(0,0%,100%,.5)}@media screen and (min-width:960px){.footer-container{padding:0}}.back-to-top{display:none}@media screen and (min-width:1130px){.back-to-top{position:fixed;bottom:20px;right:40px;z-index:100;display:flex;opacity:1;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#1e87f0;color:#fff;transition:opacity .2s ease-in-out,color .2s ease-in-out,transform .2s ease-in-out;cursor:pointer}.back-to-top:hover{transform:scale(1.2)}.back-to-top:focus,.back-to-top:hover{background-color:rgba(30,135,240,.849)}.back-to-top:focus{outline-style:none;box-shadow:none;border-color:transparent}}.input-login{width:100%;margin-bottom:20px}.submit-login{display:flex;justify-content:center;align-items:center;padding:0 25px;height:40px;margin:15px 0;width:100%;background-color:#1e87f0;border-radius:5px;border:none;color:#fff;font-size:15px;font-weight:900;font-family:"Poppins",sans-serif;cursor:pointer;transition:.2s ease-in-out}.submit-login:focus,.submit-login:hover{background-color:rgba(30,135,240,.849)}.submit-login:focus{outline-style:none;box-shadow:none;border-color:transparent}.educExpe-section,.info-section,.project-section,.skill-section{border-bottom:.5px solid hsla(0,0%,100%,.3)}.educExpe-container,.info-container,.project-container,.skill-container{margin-top:70px;overflow:hidden;padding:0 15px}.educExpe-container form,.info-container form,.project-container form,.skill-container form{margin-top:30px}.info-container h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.info-container h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.educExpe-container h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.educExpe-container h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.skill-container h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.skill-container h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.project-container h2{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.project-container h2:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;margin-left:15px}.title-container{display:flex;justify-content:space-between;align-items:center}.title-container h2{width:85%}.title-container .title-info-gen{width:100%}.title-container .title-mobile-educ-expe{color:#fff;font-size:35px;font-weight:bolder;position:relative;overflow:hidden}.title-container .title-mobile-educ-expe:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:25px;left:215px}.title-container .btn-delete-info,.title-container .btn-switch-container{margin-left:15px;position:relative;overflow:hidden}.title-container .btn-delete-info:after,.title-container .btn-switch-container:after{content:"";position:absolute;background:hsla(0,0%,100%,.2);width:100%;height:1px;bottom:22px;left:54px}.title-container .btn-delete-info button,.title-container .btn-switch-container button{width:40px;height:40px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;background-color:#50e3c2;color:#05182c;outline:none;cursor:pointer;transition:.3s ease-in-out}.title-container .btn-delete-info button:hover,.title-container .btn-switch-container button:hover{background-color:#2336b6;color:hsla(0,0%,100%,.7)}.title-container .btn-delete-info button{width:40px;height:40px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;background-color:#ee5253;color:#05182c;outline:none;cursor:pointer;transition:.3s ease-in-out}.title-container .btn-delete-info button:hover{background-color:#e92424;color:hsla(0,0%,100%,.7)}.title-container-info-gen h2{width:100%}.delete-info-div div{display:flex;justify-content:center}.delete-info-div h2{color:#fff;text-align:center}.delete-info-div button{display:flex;justify-content:center;align-items:center;padding:0 25px;height:60px;margin:30px 10px;width:100px;background-color:#1e87f0;border-radius:5px;border:none;color:#fff;font-size:15px;font-weight:900;font-family:"Poppins",sans-serif;cursor:pointer;transition:.2s ease-in-out}.delete-info-div button:focus,.delete-info-div button:hover{background-color:rgba(30,135,240,.849)}.delete-info-div button:focus{outline-style:none;box-shadow:none;border-color:transparent}.forms-block{display:flex;width:200%}.form-container,.list-container{width:50%;margin-bottom:30px}.form-container h3,.form-container h4,.list-container h3,.list-container h4{color:#fff}.list-container h4{margin:30px 0}.list-container li{display:flex;flex-direction:column;color:hsla(0,0%,100%,.5);margin:15px 0}.list-container li .div-list-btn-container div,.list-container li .div-list-container div{margin:5px 0}.list-container li .div-list-btn-container{display:flex}.list-container li .div-list-btn-container button:first-child{margin-right:10px}.list-container .date-list,.list-container .skill-list{min-width:110px}.list-container .title-list{max-width:650px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-container .btn-list-edit{width:40px;height:40px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;background-color:#50e3c2;color:#05182c;outline:none;cursor:pointer;transition:.3s ease-in-out}.list-container .btn-list-edit:hover{background-color:#2336b6;color:hsla(0,0%,100%,.7)}.list-container .btn-list-delete{width:40px;height:40px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;background-color:#ee5253;color:#05182c;outline:none;cursor:pointer;transition:.3s ease-in-out}.list-container .btn-list-delete:hover{background-color:#e92424;color:hsla(0,0%,100%,.7)}.add-enter{transform:translate3d(-110%,0,0)}.add-enter-active{transition:transform .5s}.add-enter-active,.add-exit{transform:translateZ(0)}.add-exit-active{transform:translate3d(-110%,0,0);transition:transform .5s}.edit-enter{transform:translate3d(10%,0,0)}.edit-enter-active{transition:transform .5s}.edit-enter-active,.edit-exit{transform:translate3d(-100%,0,0)}.edit-exit-active{transform:translate3d(10%,0,0);transition:transform .5s}.label-checkbox-container{display:flex}.skills-checkbox-container{flex-direction:column}.skills-checkbox-container label{margin-top:20px}.code-used-checkbox-container{display:flex;margin-bottom:20px;flex-direction:column}.code-used-checkbox-container p{display:block;color:#fff;font-size:14px;margin-bottom:10px}.code-used-checkbox-container div{display:flex;flex-direction:column}.code-used-checkbox-container label{display:flex;align-items:center;height:25px;margin-top:20px}@media screen and (min-width:640px){.title-container h2{width:90%}.title-container .btn-delete-info,.title-container .btn-switch-container{width:10%}.title-container-info-gen h2{width:100%}.list-container li{flex-direction:row;justify-content:space-between;align-items:center}.list-container li .div-list-container{display:flex}.list-container li .div-list-container div{margin:0}.list-container .title-list{max-width:350px}.skills-checkbox-container{flex-direction:row}.skills-checkbox-container label{margin-top:0}.code-used-checkbox-container div{flex-direction:row;flex-wrap:wrap}.code-used-checkbox-container label{margin:10px 0}}@media screen and (min-width:960px){.educExpe-container,.info-container,.project-container,.skill-container{padding:0}.list-container .title-list{max-width:650px}.code-used-checkbox-container label{margin:0}}.modal{position:fixed;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background-color:rgba(5,25,46,.986);z-index:999999}.modal-container{display:flex;flex-direction:column;height:100%;position:relative;background-color:#05182c;padding:20px 15px;overflow-y:auto}.close-modal{position:absolute;top:15px;right:5px;width:35px;height:35px;border:none;border-radius:50%;background-color:#1e87f0;font-size:20px;color:#fff;cursor:pointer;transition:.2s ease-in-out}.close-modal:hover{color:#05182c;transform:scale(1.1)}.close-modal:focus{outline-style:none;box-shadow:none;border-color:transparent}@media screen and (min-width:640px){.modal-container{height:auto;padding:50px;box-shadow:0 15px 36px -11px rgba(0,0,0,.75)}}@media screen and (min-width:640px) and (min-width:640px){.close-modal{top:10px;right:10px}}.loading-container{position:fixed;z-index:1000;background-color:#05182c;top:0;left:0;right:0;bottom:0;opacity:1;transition:.5s ease-in-out}.loading-container,.loading-container .loader{display:flex;justify-content:center;align-items:center}.loading-container .loader{flex-direction:column}.loading-container .loader p{font-size:1.5rem;color:#1e87f0;margin-bottom:1rem;text-align:center}.btn-action{display:flex;justify-content:center;align-items:center;padding:0 25px;height:60px;margin:30px 0;width:auto;background-color:#1e87f0;border-radius:5px;border:none;color:#fff;font-size:15px;font-weight:900;font-family:"Poppins",sans-serif;cursor:pointer;transition:.2s ease-in-out}.btn-action:focus,.btn-action:hover{background-color:rgba(30,135,240,.849)}.btn-action:focus{outline-style:none;box-shadow:none;border-color:transparent}.btn-action svg{margin-left:6px}.success-svg{opacity:0;font-size:20px;padding-left:10px;color:green;transition:opacity 1s ease-in-out}.error-svg{font-size:25px}.error-message,.error-svg{opacity:1;color:red}.error-message,.error-svg,.loading-action{transition:opacity .5s ease-in-out}.btnAnimation-enter{opacity:0}.btnAnimation-enter-active{opacity:1;transition:opacity .5s ease-in-out}.btnAnimation-exit{opacity:1}.btnAnimation-exit-active{opacity:0;transition:opacity .5s ease-in-out}
/*# sourceMappingURL=main.fc6ac883.chunk.css.map */