@import"https://fonts.googleapis.com/css2?family=Capriola&family=Open+Sans&display=swap";.sidebar{display:flex;width:60px;height:305px;padding:0 12px;flex-direction:column;justify-content:center;z-index:99;align-items:center;gap:41px;flex-shrink:0;position:fixed;right:3%;top:10%;border-radius:54px;border:1px solid #EAEAEA;background:#fff}.sidebarContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sidebarContainer>ul>li{list-style:none;width:100%;height:20%;display:flex;align-items:center;justify-content:center}.sidebarContainer>ul{width:100%;height:100%;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sidebarContainer>ul>li>a:hover{background-color:#d9b1ff3b;border-radius:100%;cursor:pointer}.sidebarContainer>ul>li>a:visited{background-color:#d9b1ff3b;border-radius:100%;cursor:pointer}.darkMode-Container>.sidebarContainer>ul>li>a:hover{background-color:#d9b1fffd;border-radius:100%;cursor:pointer}.sidebarContainer>ul>li>a{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 1000px){.sidebar{top:unset;right:0;border-radius:13px}}@media (max-width: 600px){.sidebar{width:100%;min-height:44px;height:7%;z-index:5;display:flex;position:fixed;border-radius:0;top:unset;bottom:0;right:unset;padding:0}.sidebarContainer>ul{flex-direction:row}.sidebarContainer>ul>li{height:100%;width:100%}.sidebarContainer>ul>li>a{height:40px;width:40px}}#root,html,body,.App{width:100%;height:auto;background-color:snow;scroll-behavior:smooth;margin:0;padding:0;transition:background 1s;position:absolute}.App-darkMode{background-color:#1b1d25;transition:background 1s}::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:100px}::-webkit-scrollbar{width:10px;background-color:#666}.home{width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:28px;min-height:580px;overflow-x:hidden}.profile{width:18%;min-width:280px;height:370px;display:flex;align-items:center;justify-content:end;flex-direction:column;position:relative}.profile>img{position:absolute;top:0;width:40%}.downloadCV{width:38px;height:38px;background-color:#232531;border-radius:100%;display:flex;align-items:center;justify-content:center}.profile>.darkMode-Container>.socialMedia>.downloadCV{background-color:#464c6d}.downloadCV:hover>abbr>svg>.arrow{stroke:#cecece;transform:translateY(-4px);transition:.5s}.downloadCV>abbr>svg>.arrow{transform:translateY(0);transition:.5s}.about{height:330px;background-color:#fff;width:53%;border-radius:13px;border:1px solid #EAEAEA;background:#fff;padding:20px;display:flex;flex-direction:column;gap:10px;transition:background 1s,border 1s}.personalInfo{width:90%;height:300px;background-color:#fff;border:1px solid #EAEAEA;background:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:background 1s,border 1s;gap:13px}.profile>.darkMode-Container>h1{color:#fff;transition:color 1s}.profile>.darkMode-Container>h2{color:#b9b9b9;transition:color 1s}.home>.darkMode-Container>h1{color:#fff;transition:color 1s}.home>.darkMode-Container>p{color:#b9b9b9;transition:color 1s}.personalInfo>h1{color:#000000ad;text-align:center;transition:color 1s;font-family:Capriola;font-size:29px;font-style:normal;width:50%;margin:50px 0 0;font-weight:400;line-height:normal}.personalInfo>h2{color:#0000008a;font-family:Open Sans;font-size:19px;transition:color 1s;font-style:normal;font-weight:400;line-height:normal;margin:0}.socialMedia{display:flex;gap:13px}.about>h1{color:#000000ad;font-family:Capriola;font-size:23px;font-style:normal;font-weight:400;margin:0;line-height:normal;transition:color 1s}.about>p{color:#00000075;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin:0;transition:color 1s}.tags{width:100%;height:auto;display:flex;flex-wrap:wrap;gap:14px}@media (max-width: 1500px){.home{align-items:center}.about>p{font-size:14px}.about>h1{font-size:21px}}@media (max-width: 1700px){.home{align-items:center}.about{height:auto}.about>p{font-size:15px}.about>h1{font-size:21px}.about>.tags>.Tag{width:110px}}@media (max-width: 1360px){.about>p{font-size:15px}.about>h1{font-size:21px}.about{width:50%}}@media (max-width: 1300px){.about>p{font-size:14px}.about>h1{font-size:20px}}@media (max-width: 1250px){.about>p{font-size:14px}.about>h1{font-size:20px}.about>.tags>.Tag{width:110px}.about{width:45%}.profile{width:15%}}@media (max-width: 1120px){.about>p{font-size:13px}.about>h1{font-size:18px}.about>.tags>.Tag>h3{margin:0;font-size:11px}.about>.tags>.Tag{width:100px}.about{width:40%}.profile{min-width:250px}.profile>img{width:45%}.personalInfo>h1{font-size:25px;margin-top:10%}.personalInfo>h2{font-size:18px}}@media (max-width: 1050px){.about>.tags>.Tag>img{width:20px}.about>.tags>.Tag{width:90px;height:20px}.profile{width:15%}}@media (max-width: 930px){.about{width:80%}#home{flex-direction:column}.profile{margin-top:20%}.profile{min-width:300px}.profile>img{width:40%}.personalInfo>h1{font-size:25px;margin-top:15%}.personalInfo>h2{font-size:18px}}@media (max-width: 400px){.about{width:86%}.about>h1,p{width:95%}.about>.tags{justify-content:space-between;align-items:center;width:100%}}.Tag{display:flex;width:129px;height:30px;padding:4px 10px;align-items:center;gap:11px;border-radius:25px;background:#83cd29;flex-shrink:0}.Tag>h3{color:#fff;text-align:center;font-family:Capriola;font-size:13px;font-style:normal;font-weight:400;line-height:normal}#Projects{width:100%;height:auto;display:flex;justify-content:center;overflow-x:hidden}.projectWrap{width:65%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:50px}@media (max-Width: 1700px){.projectWrap{width:70%}}@media (max-Width: 1600px){.projectWrap{width:75%}}@media (max-Width: 1480px){.projectWrap{width:80%}}@media (max-Width: 1385px){.projectWrap{width:80%}}@media (max-Width: 1285px){.projectWrap{width:80%}}@media (max-Width: 1250px){.projectWrap{width:75%}}@media (max-Width: 1215px){.projectWrap{width:75%}}@media (max-Width: 1180px){.projectWrap{width:78%}}@media (max-Width: 1100px){.projectWrap{margin-top:10%;width:92%;gap:50px;justify-content:center;align-items:center}}@media (max-Width: 600px){.projectWrap{margin-top:10%;width:100%;gap:50px;justify-content:center;align-items:center}}.ProjectContainer{width:460px;height:auto;min-height:480px;border-radius:13px;border:1px solid #EAEAEA;background:#fff;padding:10px 30px;display:flex;flex-direction:column;z-index:2;transition:background 1s,border 1s;gap:10px;position:relative}.darkMode-Container{background-color:#232531;border:1px solid rgba(48,48,48,.45);transition:background 1s,border 1s}.ProjectHeader{width:100%;height:10%;display:flex;justify-content:space-between}.user{display:flex;flex-direction:row;gap:10px;align-items:center}.darkMode-Container>.ProjectHeader>.user>h3{color:#fff;transition:color 1s}.darkMode-Container>.ProjectHeader>.date>h3{color:#b9b9b9;transition:color 1s}.darkMode-Container>.description>p{color:#b9b9b9;transition:color 1s}.darkMode-Container>.tags>.projectTag>h5{color:#b9b9b9;transition:color 1s}.user>img{width:36px;height:36px;border-radius:100%}.user>h3{color:#000;font-family:Open Sans;font-size:14px;margin:0;font-style:normal;font-weight:400;line-height:normal}.date>h3{color:#0000008a;font-family:Open Sans;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.imagePrincipal{width:100%;height:282.241px}.imagePrincipal>img{width:100%;object-fit:cover;image-rendering:auto;border-radius:4px;transition:1s;height:282px}.projectTag{width:auto;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:50px;height:20px;min-width:40px;background-color:#2b2b2b}.ProjectContainer>.tags{width:90%;height:auto;display:flex;align-items:center;gap:5px}.projectTag>h5{margin:0;color:#fff;font-size:10px;font-family:Capriola}.widgets{width:100%;display:flex;align-items:center;justify-content:space-between}.webWidgets>img{height:25px}.webWidgets{display:flex;gap:12px}.share>img{height:25px}.share>img:hover{cursor:pointer}.share{position:relative;display:flex}.copyWidget{position:absolute;top:-70px;border:1px solid #dadada;left:-70px;width:100px;padding:3px;height:40px;background-color:#fff;border-radius:10px;opacity:0;display:flex;align-items:center;justify-content:center}.github{position:relative}.gitWidget,.browserWidget{position:absolute;top:-70px;border:1px solid #dadada;width:100px;padding:3px;height:40px;background-color:#fff;border-radius:10px;opacity:0;display:flex;align-items:center;justify-content:center}.browser{position:relative}.gitWidget>h4{font-family:Open Sans;font-size:12px;text-align:center;z-index:10;color:#000}.browserWidget>h4{font-family:Open Sans;font-size:12px;text-align:center;z-index:10;color:#000}.copyWidget>h4{font-family:Open Sans;font-size:12px;text-align:center;z-index:10;color:#000}.share>img:hover~.copyWidget{opacity:1;top:-60px;transition:top .3s ease-in-out}.browser>a:hover~.browserWidget{opacity:1;top:-60px;transition:top .3s ease-in-out}.github>a:hover~.gitWidget{opacity:1;top:-60px;transition:top .3s ease-in-out}.description>p{color:#0000008a;font-family:Open Sans;font-size:15px;font-style:normal;font-weight:400;margin:0;line-height:normal}@media (max-width: 1400px){.ProjectContainer{width:430px}}@media (max-width: 1300px){.ProjectContainer{width:400px}}@media (max-width: 1250px){.ProjectContainer{width:350px;min-height:400px;gap:10px}}@media (max-width: 1170px){.ProjectContainer{width:330px;min-height:380px;gap:10px}}@media (max-width: 1070px){.ProjectContainer{width:310px;min-height:330px;gap:10px}}@media (max-width: 870px){.ProjectContainer{width:460px;min-height:480px;gap:10px}}@media (max-width: 500px){.ProjectContainer{width:100%;height:auto;padding:10px 0 20px;border:0px;border-radius:0;align-items:center;gap:10px;min-height:0}.imagePrincipal>img{border-radius:0;object-fit:contain;height:unset}.imagePrincipal{height:auto}.ProjectHeader,.widgets{width:90%}.webWidgets{gap:14px}.tags,.description{width:90%}}.Contact{height:80vh;width:100%;display:flex;align-items:center;justify-content:center}.Contact>.darkMode-Container{background-color:#232531;border:1px solid rgba(48,48,48,.45);transition:background 1s,border 1s}.Contact>.darkMode-Container>.imagePaper>h2{color:#fff;transition:color 1s}.ContactContainer{background-color:#fff;width:60%;height:auto;display:flex;flex-direction:row;border-radius:13px;padding:20px;gap:20px;border:1px solid #EAEAEA;background:#fff}.imagePaper{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.imagePaper img{width:99%;transform:rotateY(180deg)}.imagePaper h2{margin:0;width:80%;height:30%;color:#000000ad;text-align:center;font-family:Capriola;font-size:40px;font-style:normal;font-weight:400;line-height:normal}.Formulario{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.Formulario form{gap:20%}@media (max-height: 900px){.imagePaper h2{font-size:38px;height:20%}.Contact{height:100vh}}@media (max-width: 1100px){.ContactContainer{width:90%}}@media (max-width: 900px){.ContactContainer{width:100%;padding:20px}.imagePaper{width:100%}.Formulario{width:100%;align-items:center}.Formulario>form{width:100%;display:flex;flex-direction:column;align-items:center;height:100%;gap:0px}}@media (max-width: 700px){.ContactContainer{width:100%;flex-direction:column;align-items:center;border-radius:0}.Contact{height:100%;margin-top:10%}}@media (max-width: 600px){.ContactContainer{width:100%;flex-direction:column;align-items:center;border-radius:0}.Contact{height:100%;margin-top:10%;margin-bottom:20%}.imagePaper>img{display:none}}.campoInput{display:flex;flex-direction:column;margin-bottom:18px;width:80%;max-width:500px}.campoInput input{width:100%;height:100%;background-color:#fff0;border:0px;padding:10px;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;line-height:131.523%}form>.darkModeInput>label{color:#fff;transition:color 1s ease}form>.darkModeInput>.TextContainer{border:1px solid #707070;transition:border 1s ease}form>.darkModeInput>.inputContainer{border:1px solid #707070;transition:border 1s ease}form>.darkModeInput>.TextContainer>textarea{color:#ffffffc0;transition:color 1s ease}form>.darkModeInput>.TextContainer>textarea::placeholder{color:#ffffff65;transition:color 1s ease}form>.darkModeInput>.inputContainer>input{color:#ffffffc0;transition:color 1s ease}form>.darkModeInput>.inputContainer>input::placeholder{color:#ffffff65;transition:color 1s ease}.campoInput label{color:#000;margin-bottom:10px;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;line-height:131.523%;transition:color 1s ease}.campoInput input:focus{box-shadow:0 0;outline:0}.campoInput textarea:focus{box-shadow:0 0;outline:0}.campoInput textarea{width:100%;height:200px;resize:none;font-weight:600;height:100%;flex-shrink:0;border-radius:10px;font-family:Open Sans;background-color:transparent;border:0px;font-size:16px;padding:12px 20px 0 10px}@media (max-height: 800px){.campoInput textarea{height:150px}}.inputContainer{width:100%;height:50px;flex-shrink:0;border-radius:10px;border:1px solid black;display:flex;flex-direction:row;align-items:center;transition:border 1s ease}.TextContainer{width:100%;height:200px;flex-shrink:0;border-radius:10px;border:1px solid black;display:flex;flex-direction:row;align-items:center;transition:border 1s ease}.iconInput{width:26px;margin:0 10px}.passwordInput{cursor:pointer;width:36px;margin:0 10px}.campoInput textarea::placeholder{color:#00000075;font-family:Open Sans;font-style:normal}.campoInput input::placeholder{color:#00000075;font-family:Open Sans;font-style:normal}.ButtonForms{background-color:#000000dc;width:30%;height:50px;border:0px;min-width:100px;min-height:50px;border-radius:3px;color:#fff;overflow:hidden;position:relative;text-decoration:none;transition:.2s transform ease-in-out;will-change:transform;z-index:0;font-family:Open Sans}.ButtonForms:after{background-color:#2014b1;border-radius:3px;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-1}.ButtonForms:hover:after{border-radius:3px;transform:translate(0)}.ButtonForms:hover{color:#fff;cursor:pointer;will-change:transform}.notificationErrorContainer{width:300px;height:80px;background-color:#e66363;position:fixed;top:100px;right:0;transform:translate(300px);transition:1s;display:flex;align-items:center;justify-content:center;border-radius:10px;z-index:9999}.notificationErrorContainer>h2{color:#fff;font-size:80%;font-family:Open Sans}.notificationContainer{width:300px;height:80px;background-color:#86e08a;position:fixed;top:100px;right:0;transform:translate(300px);transition:1s;display:flex;align-items:center;justify-content:center;z-index:9999;border-radius:10px}.notificationContainer>h2{color:#fff;font-size:80%;font-family:Open Sans}