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}*{margin:0;padding:0;box-sizing:border-box}html{--dark:#1f2428;--brigth:#24292e;--darker:#161a1d;--brigther:#2b2e32;--remark:#857ee2;--highlight:#cc007e}.App{background-color:#fff;width:100vw;height:100vh;display:grid;background-color:#000;grid-template-columns:1fr;grid-template-rows:2rem 2rem 1fr 4rem;grid-template-areas:"  fakeHeader" "  menu    " "  main    " "  footer  "}.App>*{color:#fff}.fakeHeader{grid-area:fakeHeader;display:flex;justify-content:center;align-items:center;background-color:#1f2428;background-color:var(--dark)}.menu{grid-area:menu}.icons{display:none;flex-direction:column;align-items:center;grid-area:icons;background-color:#1f2428;background-color:var(--dark);border-right:2px solid #161a1d;border-right:2px solid var(--darker);padding-bottom:1rem}.icons>img:hover,.settingSelected{width:3rem;transition:all .5s 0s;border-left:3px solid #fff;padding-left:.3rem}.settingSelected{border-radius:28%}.settingNotSelected{width:2.5rem;transition:all .5s 0s}.menuSideBar{display:none}.main{grid-area:main;border-left:2px solid #161a1d;border-left:2px solid var(--darker);overflow:scroll}.footer,.main{background-color:#24292e;background-color:var(--brigth)}.footer{grid-area:footer;border:2px solid #161a1d;border:2px solid var(--darker);justify-content:center;font-size:1.5rem}.footer,.sideBarContainer{display:flex;align-items:center}.sideBarContainer{justify-content:flex-start;padding:.5rem 1rem}.arrow{width:1.5rem}.down{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.down,.right{transition:-webkit-transform .5s 0s;transition:transform .5s 0s;transition:transform .5s 0s,-webkit-transform .5s 0s}.right{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.show{width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% top;transform-origin:50% top}.hide,.show{transition:all .2s 0s}.hide{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% top;transform-origin:50% top}.titleCursor{color:#fff;margin-left:.5rem}@media (min-width:500px){.icons{display:flex;flex-direction:column;align-items:center;grid-area:icons;background-color:#1f2428;background-color:var(--dark);border-right:2px solid #161a1d;border-right:2px solid var(--darker);padding-bottom:1rem}.App{width:100vw;height:100vh;display:grid;background-color:#000;margin:auto;grid-template-columns:4rem 5fr;grid-template-rows:2rem 2.5rem 1fr 4rem;grid-template-areas:"fakeHeader  fakeHeader" "icons  menu    " "icons  main    " "footer  footer  "}}@media (min-width:1040px){.menuSideBar{display:flex;flex-direction:column;grid-area:verticalMenu;background-color:#1f2428;background-color:var(--dark);border-top:2px solid #161a1d;border-top:2px solid var(--darker);align-items:flex-start;width:100%}.menuSideBar>P{padding:1rem}.App{grid-template-columns:4rem 10rem 10fr;grid-template-rows:2rem 2.5rem 1fr 2rem;grid-template-areas:"fakeHeader fakeHeader fakeHeader   " "icons verticalMenu menu    " "icons verticalMenu main    " "footer footer footer  "}}.homeContainer{width:100%;height:100%;background-color:var(--brigth)}.home,.homeContainer{position:relative;overflow:hidden}.home{display:flex;flex-direction:column}.home h1{font-size:3rem;margin:4rem 1rem;color:var(--remark)}.show{display:inline;display:initial}.hide{display:none}.infoTextHome{font-size:1rem;margin:1rem 1rem 2rem;z-index:1}.infoTextHome span{color:var(--highlight)}@media (min-width:500px){.infoTextHome{font-size:1.5rem}}.aboutContainer{position:relative;width:100%;height:100%;background-color:var(--brigth);overflow:hidden}.about{width:100%;display:grid;grid-gap:3rem;gap:3rem;grid-template-rows:5rem 4rem 1fr;grid-template-areas:"title" "type" "text"}.about h1{font-size:3rem;margin:4rem 1rem;color:var(--remark);grid-area:title}.infoTextAbout{font-size:1rem;margin:1rem 1rem 2rem;z-index:1}.textContainer{grid-area:text}.typeContainer{display:flex;justify-content:center;grid-area:type}.Typewriter__wrapper{display:inline;font-size:2rem;display:flex;flex-wrap:wrap}span.typeCursor{color:#fff;font-size:2rem}.infoTextAbout span{color:var(--highlight)}@media (min-width:500px){.infoTextAbout{font-size:1.5rem}}.projectsContainer{position:relative;width:100%;height:100%;background-color:var(--brigth);overflow:auto}.projects{display:flex;flex-direction:column;position:relative}.bgTitle{position:absolute;top:-5%;left:10%;font-size:15rem;color:var(--remark);opacity:.1;-webkit-text-orientation:sideways-right;text-orientation:sideways-right}.listProjects{display:flex;justify-content:center;flex-wrap:wrap;grid-gap:3rem;gap:3rem;max-width:100%;padding:0 2rem}.projects h1{font-size:3rem;margin:4rem 1rem;color:var(--remark)}.posterContainer{position:relative;width:16rem}.poster{position:relative}.poster,.posterInfo{border-radius:20px;width:16rem;height:16rem}.posterInfo{background-color:#000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-bottom:1rem;padding-top:2rem;grid-gap:2rem;gap:2rem;top:0;position:absolute}.tecIcon{width:2rem}.container{flex-direction:column}.container,.projectTecnologies{display:flex;align-items:center;width:90%}.projectTecnologies{justify-content:center;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.showPicture{display:inline;display:initial}.showDetails,.showPicture{-webkit-animation-name:appear;animation-name:appear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1s;animation-duration:1s}.showDetails{display:flex}.hideDetails,.hidePicture{-webkit-animation-name:disappear;animation-name:disappear;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.none{display:none}.buttonContainer{position:absolute;bottom:1rem;display:flex;grid-gap:1rem;gap:1rem;width:100%;justify-content:center}.btn_projectIcons{font-size:2.2rem}button.btn_projectIcons{height:4rem;width:4rem;text-align:center;border:2px solid var(--remark);border-radius:50%}.btn_projectIcons{-webkit-animation-name:blink;animation-name:blink;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.IconButton{border-radius:50%}@-webkit-keyframes appear{0%{-webkit-transform:translateY(0) scaleY(0);transform:translateY(0) scaleY(0);-webkit-transform-origin:50% top;transform-origin:50% top;opacity:.5}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform-origin:50% top;transform-origin:50% top;opacity:1}}@keyframes appear{0%{-webkit-transform:translateY(0) scaleY(0);transform:translateY(0) scaleY(0);-webkit-transform-origin:50% top;transform-origin:50% top;opacity:.5}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);-webkit-transform-origin:50% top;transform-origin:50% top;opacity:1}}@-webkit-keyframes disappear{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:.5;-webkit-transform-origin:50% top;transform-origin:50% top}to{-webkit-transform:translateY(16rem) scaleY(0);transform:translateY(16rem) scaleY(0);opacity:0;-webkit-transform-origin:50% top;transform-origin:50% top}}@keyframes disappear{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:.5;-webkit-transform-origin:50% top;transform-origin:50% top}to{-webkit-transform:translateY(16rem) scaleY(0);transform:translateY(16rem) scaleY(0);opacity:0;-webkit-transform-origin:50% top;transform-origin:50% top}}@-webkit-keyframes blink{0%{-webkit-transform:rotate(0) scale(.95);transform:rotate(0) scale(.95);box-shadow:0 0 0 0 var(--remark)}50%{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);box-shadow:0 0 10px 3px var(--remark)}to{-webkit-transform:rotate(0) scale(.95);transform:rotate(0) scale(.95);box-shadow:0 0 0 0 var(--remark)}}@keyframes blink{0%{-webkit-transform:rotate(0) scale(.95);transform:rotate(0) scale(.95);box-shadow:0 0 0 0 var(--remark)}50%{-webkit-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);box-shadow:0 0 10px 3px var(--remark)}to{-webkit-transform:rotate(0) scale(.95);transform:rotate(0) scale(.95);box-shadow:0 0 0 0 var(--remark)}}.contactContainer{grid-gap:1rem;gap:1rem;justify-content:space-around;padding-bottom:5rem}.inputField{display:flex;flex-direction:column;grid-gap:.2rem;gap:.2rem;margin:0 1rem}.contactContainer,.InputsArea{display:flex;flex-wrap:wrap}.InputsArea{flex-direction:column;grid-gap:1rem;gap:1rem}.firstLine{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.inputBox{background-color:var(--dark);border:1px solid var(--darker);width:100%;color:#fff}.emailSection,.mediaSection{margin-top:2rem}.emailSection,.mediaSection,form{display:flex;flex-direction:column;align-items:center}form{grid-gap:1rem;gap:1rem;padding:0 3rem}.contactBtn{padding:.5rem;background-color:var(--remark);border:2px solid var(--remark);border-radius:5px}.contactBtn:hover{box-shadow:0 0 10px 1px var(--remark)}.contactContainer h1{font-size:2rem;margin:4rem 1rem 2rem;color:var(--remark);display:inline}.cssFakeText p:first-child,.cssFakeText p:last-child{color:#ff0}.cssFakeText{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.contactLink{text-decoration:none;color:#0059ff}.contactLink:hover{color:var(--remark);text-decoration:underline}@media (min-width:450px){.contactContainer p,.inputBox,label{font-size:1.2rem}}@media (min-width:550px){.contactContainer p,label{font-size:1.5rem}.contactContainer h1{font-size:2.5rem}}@media (min-width:700px){.contactContainer p,label{font-size:2rem}.inputBox{font-size:1.5rem}.contactContainer h1{font-size:3rem}}@media (min-width:1590px){.emailSection{border-left:7px solid var(--remark)}}.iconsMenu{display:grid;width:100%;grid-gap:2rem;gap:2rem;height:100%;border-top:2px solid var(--darker);margin-bottom:.5rem;padding:1rem 0;grid-template-rows:3rem 3rem 3rem 1fr 3rem;grid-template-areas:"home" "projects" "contact" "." "about"}.iconsMenu,.iconsSegment{background-color:var(--dark)}.iconsSegment{display:flex;justify-content:center;align-items:center}.iconsSegment img:hover{width:3rem;transition:all .5s 0s;border-left:3px solid #fff;padding-left:.3rem}.iconsSegment img{width:2.5rem}.iconsOption{color:#fff;text-decoration:none;background-color:transparent}.iconsSegment:hover{background-color:var(--brigth)}.iconsOptionSelected{transition:all .5s 0s}.iconsOptionSelected img{width:3rem;border-left:3px solid #fff;border-radius:28%;padding-left:.3rem;transition:all .5s 0s}.iconsMenu :first-child{grid-area:home}.iconsMenu :nth-child(2){grid-area:about}.iconsMenu :nth-child(3){grid-area:projects}.iconsMenu :nth-child(4){grid-area:contact}.iconsMenu :nth-child(5){grid-area:settings}.mainMenu{font-size:2rem;border-top:2px solid var(--darker);border-left:2px solid var(--darker)}.mainMenu,.menuSegment{display:flex;background-color:var(--dark)}.menuSegment{justify-content:center;align-items:center;border-left:1.5px solid var(--brigth);border-right:1.5px solid var(--brigth);border-color:var(--brigth);border-style:solid;border-width:1.5px 2.5px;padding:0 .8rem;transition:all .5s 0s;grid-gap:.5rem;gap:.5rem}.menuSegment img{width:1.7rem}.menuOption{color:#fff;text-decoration:none;background-color:transparent}.menuOptionSelected,.menuSegment:hover{background-color:var(--brigth)}.menuOptionSelected{border-top:2px solid var(--remark);transition:all .5s 0s}.verticalMenu{flex-direction:column;font-size:1.5rem}.verticalMenu,.verticalSegment{display:flex;background-color:var(--dark);width:100%;grid-gap:.5rem;gap:.5rem}.verticalSegment{justify-content:flex-start;align-items:center;padding:0 1.5rem;transition:all .5s 0s}.verticalSegment img{width:1.3rem}.verticalOption{color:#fff;text-decoration:none;background-color:transparent;font-size:1rem}.verticalSegment:hover{background-color:var(--brigth)}.verticalOptionSelected{transition:all .5s 0s}section.headerFakeTexts{display:none}.headerTexts{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.headerIconsContainer{display:none}.headerIcons{width:1.2rem}@media (min-width:450px){.headerIconsContainer{display:flex;align-items:center;grid-gap:1rem;gap:1rem;justify-self:end;grid-area:icons;padding-right:1rem}.headerTexts{grid-area:name;justify-self:end}.fakeHeader{display:grid;grid-gap:1rem;gap:1rem;justify-items:center;grid-template-columns:2fr 1fr;grid-template-areas:"name icons"}}@media (min-width:800px){section.headerFakeTexts{display:flex;align-items:center;grid-gap:1rem;gap:1rem;grid-area:fakeTexts;padding-left:1rem;justify-self:start}.fakeHeader{grid-template-columns:1fr 2fr 1fr;grid-template-areas:"fakeTexts name icons"}.headerTexts{justify-self:center}}.footerIcons{width:1.5rem}img.react{width:2rem}.git,.notification{display:none}.poweredBy{display:flex;grid-gap:.5rem;gap:.5rem;justify-content:center;align-items:center}@media (min-width:470px){img.react{width:1.5rem}.git{display:flex;grid-gap:.5rem;gap:.5rem;justify-content:center;align-items:center;margin-left:1rem}.git p{margin-right:1rem}.footer{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.poweredBy{margin-right:1rem}}@media (min-width:900px){.notification{display:flex;grid-gap:.5rem;gap:.5rem;justify-content:center;align-items:center}.notification,.notification p{margin-right:1rem}.footer{display:flex;justify-content:space-between;align-items:center;grid-gap:2rem;gap:2rem;font-size:1rem}}
/*# sourceMappingURL=main.66a09b02.chunk.css.map */