@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:M PLUS Rounded\ 1c;margin:0;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#dark{background-color:#222;color:#eee}#light{background-color:#f0e7db;color:#222}.App{width:100%}.App,.itemsContainer{align-items:center;display:flex;flex-direction:column}.itemsContainer{margin-bottom:30px;margin-top:50px;max-width:550px;padding:0 20px}.imgBackgrondContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%}.imgBackgrond{height:140%;width:140%}.firstText{border-radius:20px;font-size:22px;margin:0;padding:15px;text-align:center;-webkit-transform:translateY(-30px);transform:translateY(-30px);z-index:1}#dark .firstText{background-color:hsla(0,0%,100%,.08)}#light .firstText{background-color:hsla(0,0%,100%,.36)}*{margin:0}.home{display:flex;flex-direction:column;gap:60px;width:100%}.sectionTitle{font-size:22px;margin-bottom:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#dark .sectionTitle{border-bottom:3px solid hsla(0,0%,100%,.2)}#light .sectionTitle{border-bottom:3px solid rgba(0,0,0,.2)}.dateContainer{display:flex;gap:20px}.year{font-weight:bolder}.descriptionYear{text-align:justify}.descriptionDescription{text-align:justify;text-indent:30px}.profileSection{display:flex;flex-direction:column;gap:40px;z-index:1}.name-desccription-container{align-items:center;display:flex;gap:40px}.name{font-size:30px}.imgProfile{border:1px solid #fff;border-radius:50%;height:auto;width:150px}@media (min-width:1266px){.imgProfile{margin-left:auto}.name-desccription-container{flex-direction:row}}@media (max-width:626px){.imgProfile{margin-left:auto;margin-right:auto}.name-desccription-container{flex-direction:column}}@media (max-width:450px){.imgProfile{margin-left:auto;margin-right:auto}.name-desccription-container{flex-direction:column}}.portfolioSection{display:flex;justify-content:center;width:100%}.buttonPortfolio{background-color:#81e6d9;border-radius:8px;color:#000;cursor:pointer;font-weight:bolder;padding:10px}.buttonPortfolio:hover{-webkit-filter:brightness(70%);filter:brightness(70%)}#dark .gitHubIcon{fill:#eee}#light .gitHubIcon{fill:#222}#dark .instagramIcon{fill:#eee}#light .instagramIcon{fill:#222}#dark .linkedinIcon{fill:#eee}#light .linkedinIcon{fill:#222}#dark .twiterIcon{fill:#eee}#light .twiterIcon{fill:#222}.socialSection{display:flex;flex-direction:column}.socialMedia{align-items:center;border-radius:6px;color:inherit;cursor:pointer;display:flex;flex-direction:row;gap:7px;padding:5px 10px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.socialMedia:hover{background-color:rgba(0,173,181,.2)}.socialMediaContainer{display:flex;flex-direction:column;gap:10px}.iLikeDescription{text-align:justify;text-indent:30px}.navbarContainer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;height:50px;justify-content:center;position:fixed;width:100%;z-index:10}#dark .navbarContainer{background-color:rgba(34,34,34,.5);color:#eee}#light .navbarContainer{background-color:hsla(0,0%,100%,.25);color:#222}.navbarItems{align-items:center;display:flex;flex-direction:row;justify-content:center;max-width:900px;padding:0 20px;width:100%}.navTitle,.theme{cursor:pointer}.theme{align-items:center;border-radius:5px;display:flex;height:13px;justify-content:center;margin-left:auto;padding:8px;width:13px}.sunBackgrong{background-color:#fbd38d}.moonBackgrong{background-color:#805ad5}.proyectContainer{border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:10px;width:1fr}#dark .proyectContainer:hover{background-color:hsla(0,0%,100%,.05)}#light .proyectContainer:hover{background-color:rgba(0,0,0,.05)}.imgProyect{border-radius:10px;height:100%;width:100%}.littleDescription,.nameProyect{margin:0;text-align:center}.littleDescription{font-size:14px}.nameProyect:after{content:convert(var(--gridList-column) string)}.proyectsContainer{align-items:center;height:100vh;margin-top:30px}.proyectSectionC,.proyectsContainer{display:flex;flex-direction:column;width:100%}.proyectSectionC{padding-bottom:20px}#dark .borderBottom{border-bottom:1px solid hsla(0,0%,100%,.2)}#light .borderBottom{border-bottom:1px solid rgba(0,0,0,.2)}.title{margin-bottom:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#dark .title{border-bottom:3px solid hsla(0,0%,100%,.2)}#light .title{border-bottom:3px solid rgba(0,0,0,.2)}.proyects{grid-gap:50px;display:grid;gap:50px;grid-auto-rows:auto;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center}.footerContainer,.proyects{align-items:center;width:100%}.footerContainer{display:flex;flex-direction:column;height:80px;justify-content:center}#dark .footerContainer{background-color:rgba(34,34,34,.5);color:#eee}#light .footerContainer{background-color:hsla(0,0%,100%,.25);color:#222}.textFooter{margin:0;text-align:center}.sourceCodeGH,.textFooter{align-items:center;display:flex;font-size:16px;opacity:.4}.sourceCodeGH{border-bottom:3px solid hsla(0,0%,100%,0);color:inherit;cursor:pointer;flex-direction:row;gap:7px;text-decoration:none}#dark .sourceCodeGH:hover{border-bottom:3px solid hsla(0,0%,100%,.2)}#light .sourceCodeGH:hover{border-bottom:3px solid rgba(0,0,0,.2)}.proyectDetailContainer{margin-top:30px;width:100%}.backAndProyectName{display:inline-block;flex-direction:row;margin-bottom:40px}.backAndProyectName *{display:inline;margin-right:10px}.backToProyects{border-bottom:2px solid transparent;color:#3d7aed;cursor:pointer}.backToProyects:hover{border-bottom:2px solid #3d7aed}.link{border-bottom:2px solid transparent;color:#3d7aed;text-decoration:none;word-break:break-all}.link:hover{border-bottom:2px solid #3d7aed}.proyectDescription{display:flex;flex-direction:column;gap:30px;width:100%}.descriptionProyectSection{display:flex;flex-direction:column;gap:10px}.descriptionProyect{margin-bottom:40px;text-align:justify}.infoProyectName{border-radius:.125rem;display:inline;margin-right:15px;padding:0 7px;text-transform:uppercase}#dark .infoProyectName{background:rgba(198,246,213,.1);color:#c6f6d5}#light .infoProyectName{background:#c6f6d5;color:#22543d}.infoProyectDesc{display:inline}.infoProyect a{border-bottom:2px solid transparent;color:#3d7aed;text-decoration:none;word-break:break-all}.infoProyect a:hover{border-bottom:2px solid #3d7aed}.imgsProyect{display:flex;flex-direction:column;gap:40px}
/*# sourceMappingURL=main.e032ca8b.css.map*/