@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@200;300;400&family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,300;0,400;0,700;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:grey;color:#fff;font-family:IBM Plex Mono,monospace}#wrapper,body{height:100vh;width:100%}#wrapper{background-color:#333;display:flex;flex-direction:column;overflow:hidden}.top{display:flex;height:100vh}.navbar{background-color:#333;background-color:var(--navBarH);justify-content:space-between;margin-bottom:22px;padding:.75rem}.bottom-icon,.navbar,.top-icon{display:flex;flex-direction:column}.bottom-icon,.top-icon{align-items:center;color:#aaa!important;cursor:pointer;gap:1.3rem}.selected{color:#f5f5f5}.iconHover:hover{color:#f5f5f5!important}.explorer{background-color:#252526;background-color:var(--navExplorer);color:#c2c2c2;margin-bottom:22px;padding:.8rem 0}.explorer h1{color:#c2c2c2;font-weight:300;justify-content:space-between;margin-bottom:1rem;padding:0 1rem}.explorer h1,.explorer h2{align-items:center;display:flex;font-size:.75rem;text-transform:uppercase}.explorer h2{cursor:pointer;gap:.4rem;margin-bottom:.2rem;padding:.2rem 1.2rem}.explorer .ellipsis{border-radius:5px;cursor:pointer;padding:.3rem}.explorer .ellipsis:hover{background-color:#383838}.explorer-files{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:.7rem;padding:.2rem 1.2rem .2rem 2rem;white-space:nowrap}.explorer h2:hover,.explorer-files:hover{background-color:#383838}.main-wrapper{background-color:#1e1e1e;background-color:var(--bgMain);display:flex;overflow:hidden;width:100%}.explorer-files.active{color:#00ff15;color:var(--green)}main{height:calc(100vh - 22px);margin-bottom:22px;overflow-y:hidden;width:100%}.tab-container{background-color:#252526;background-color:var(--navExplorer);display:flex;height:45px;overflow-x:auto;padding:0 3rem 0 0;white-space:nowrap}.tab-container::-webkit-scrollbar{background-color:#1e1e1e;background-color:var(--bgMain);height:8px}.tab-container::-webkit-scrollbar-thumb{background-color:#333}.tab-container::-webkit-scrollbar-thumb:hover{background:#555}.tab-container::-webkit-scrollbar-button:start:decrement{background-color:grey}.tab-container::-webkit-scrollbar-button:end:increment{background-color:grey}.tab{align-items:center;background-color:#2d2d2d;background-color:var(--bgTabs);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;margin-right:1px;padding:.5rem 1.5rem}.tab.active{background-color:#1e1e1e;background-color:var(--bgMain);border-top:1px solid #00ff15;border-top:1px solid var(--green)}.content{display:none;padding:10px}.content,.content.active{height:calc(100vh - 72px);overflow-y:auto}.content.active{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.content.active::-webkit-scrollbar{background-color:#1e1e1e;background-color:var(--bgMain);height:8px}.content.active::-webkit-scrollbar-thumb{background-color:#333}.content.active::-webkit-scrollbar-thumb:hover{background:#555}.content.active::-webkit-scrollbar-button:start:decrement{background-color:grey}footer{align-items:center;background-color:#127cc9;background-color:var(--bgFooter);bottom:0;display:flex;font-size:.75rem;font-weight:500;height:22px;justify-content:space-between;padding:0 1rem;position:fixed;white-space:nowrap;width:100%}footer span{cursor:pointer;padding:.25rem .35rem}footer span:hover{background-color:#209ff9}.footer-lx,.footer-rx{display:flex;margin:0 .2rem}.footer-info>span{padding:.25rem .2rem}@media(max-width:800px){.explorer,.footer-lx span:nth-child(3),.footer-rx span:nth-child(2),.footer-rx span:nth-child(3),.footer-rx span:nth-child(4),.footer-rx span:nth-child(5){display:none}}:root{--navBarH:#333;--navExplorer:#252526;--bgMain:#1e1e1e;--bgTabs:#2d2d2d;--hoverExplorer:#383838;--bgFooter:#127cc9;--hoverIconNavBarH:#aeaeae;--textNavBar:#7b7b7b;--textNavBarH1:#d8d8d8;--textTabs:#7b7b7b;--textFooter:#eef2f7;--textPurple:#b07baf;--textGreen:#53794d;--textBlue:#1a76bd;--textGrey:#444;--textMain:#4c4c4c;--textYellow:#d7d6a8;--scrollBar:#424242;--green:#00ff15}h1{color:#424242;color:var(--scrollBar);font-weight:500;padding:.75rem;text-align:center;text-align:left}h1>span{color:#00ff15;color:var(--green)}#content-tabs{align-items:flex-start;display:flex;flex-direction:column;font-family:IBM Plex Mono,monospace!important;height:calc(100vh - 72px);justify-content:flex-start;width:100%}#home-page{color:#aeaeae;display:flex;font-family:Source Code Pro,monospace;justify-content:center}.container-avatar{padding:2rem}#home-page .logo{display:flex;justify-content:center}#home-page .logo img{max-width:40%}#home-page h1{color:#7b7b7b;color:var(--textNavBar);font-size:clamp(1.5rem,4vw,1rem);margin-bottom:1rem;padding:.4rem;text-align:center;white-space:nowrap}#home-page .buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#home-page button,.button{background-color:#383838;background-color:var(--hoverExplorer);border:2px solid #00ff15;border:2px solid var(--green);box-shadow:0 0 25px 0 rgba(0,0,0,.25);color:#00ff15;color:var(--green);cursor:crosshair;font-family:inherit;font-size:.9rem;overflow:hidden;padding:.7em 1.2em;position:relative;text-align:center;text-transform:uppercase;transition:.3s;z-index:1}#home-page button:before,.button:before{background:#00ff15;background:var(--green);content:"";display:block;height:300%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);transition:.5s ease;width:0;z-index:-1}#home-page button:hover:before,.button:hover:before{width:105%}#home-page button:hover,.button:hover{color:#111}.tag-name{color:#4f8dc1}.tag-attr{color:#8fc7e4}.tag-content{color:#d8d8d8;font-weight:500}.line-1{border-right:2px solid hsla(0,0%,100%,.75);font-size:180%;margin:0 auto;overflow:hidden;position:relative;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;width:24em}.anim-typewriter{-webkit-animation:typewriter 4s steps(44) 1s 1 normal both,blinkTextCursor .5s steps(44) infinite normal;animation:typewriter 4s steps(44) 1s 1 normal both,blinkTextCursor .5s steps(44) infinite normal}@-webkit-keyframes typewriter{0%{width:0}to{width:24em}}@keyframes typewriter{0%{width:0}to{width:24em}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:transparent}}#projects-wrapper{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%}.labels{display:flex;flex-wrap:wrap;justify-content:space-around;margin:1rem 0;transition:color .9s;white-space:nowrap;width:100%}.labels #all,.labels #javascript,.labels #react,.labels #static{cursor:pointer;transition:color .3s ease-in-out}.labels #all:hover,.labels #javascript:hover,.labels #react:hover,.labels #static:hover,.labels span.active{color:#00ff15;color:var(--green)}.labels span.active{font-weight:600}.project{background-color:#252526;background-color:var(--navExplorer);border-radius:10px;color:#d8d8d8;color:var(--textNavBarH1);display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;padding:.9rem .65rem}.project .thumb-project{border-radius:10px;cursor:crosshair;height:150px;margin-bottom:.5rem;overflow:hidden;width:100%}.project img{height:100%;object-fit:cover;opacity:.7;transition:opacity .9s;width:100%}.project img:hover{opacity:1}.curly,.project h2{color:#f1bf35;font-size:1rem;font-weight:600}.curly{color:#b4b4b4!important}.project p{color:#4dc7f7;font-size:.95rem;line-height:100%;padding-left:1.7rem}.project span{color:#d8d8d8;color:var(--textNavBarH1);font-size:.9rem}.links{display:flex;justify-content:space-around}.links a{color:#00ff15;color:var(--green);margin:0 -.25rem;padding:0 .25rem;text-decoration:none;transition:color .3s ease-in-out,box-shadow .3s ease-in-out;white-space:nowrap}.links a:hover{box-shadow:inset 100px 0 0 0 #00ff15;box-shadow:inset 100px 0 0 0 var(--green);color:#fff}.technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0;padding:0 .2rem}.tech{align-items:center;border:2px solid red;border-radius:100px;cursor:default;display:flex;font-size:.75rem!important;font-weight:700;justify-content:center;padding:.2rem .4rem}.technologies>#html{border:2px solid #d84924;color:#d84924!important;transition:background-color .5s ease-in-out,color .5s ease-in-out}.technologies>#html:hover{background-color:#d84924;color:#fff!important;font-weight:400}.technologies>#sass{border:2px solid #cf649a;color:#cf649a!important;transition:background-color .5s ease-in-out,color .5s ease-in-out}.technologies>#sass:hover{background-color:#cf649a;color:#fff!important;font-weight:400}.technologies>#css{border:2px solid #2449d8;color:#718dfa;transition:background-color .5s,color .5s}.technologies>#css:hover{background-color:#2449d8;color:#fff!important;font-weight:400}.technologies>#bootstrap{border:2px solid #533a76;color:#ac96ca;transition:background-color .5s,color .5s}.technologies>#bootstrap:hover{background-color:#533a76;color:#fff!important;font-weight:400}.technologies>#javascript{border:2px solid #e4d04b;color:#e4d04b;transition:background-color .5s,color .5s}.technologies>#javascript:hover{background-color:#e4d04b;color:#fff!important;font-weight:400}.technologies>#react{border:2px solid #5ccfee;color:#5ccfee;transition:background-color .5s,color .5s}.technologies>#react:hover{background-color:#5ccfee;color:#fff!important;font-weight:400}.skills-wrapper{grid-gap:1rem;color:#a19c96;display:grid;font-weight:500!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding-left:calc(2vw + 30px);width:100%}.skills-wrapper ul{list-style:none}.curly{color:#e66aff!important;font-weight:500!important}.skills-title h2{color:#2696ec;display:inline-block;font-size:1rem;font-weight:500;margin-top:.5rem}.skills-key{color:#f16875;margin-left:3.5rem}.skills-value{color:#cb8e5f;font-weight:400}.inner{margin-left:3.5rem!important}.second-title{color:#31b831!important}.inner-curly{color:#2bc2dd}#certificates-wrapper{display:flex;flex-direction:column;gap:10px;width:100%}.certification-wrapper{align-items:center;background-color:#252526;border-radius:10px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.info-certification-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;max-width:800px}.certification-wrapper .thumb-certifications{border-radius:10px;cursor:crosshair;height:100%;margin-bottom:.8rem;max-height:250px;overflow:hidden;width:100%}#certificates-wrapper img{height:100%;object-fit:cover;opacity:.7;transition:opacity .9s;width:100%}#certificates-wrapper img:hover{opacity:1}#certificates-wrapper #topics{border:2px solid #d84924;color:#d84924!important;transition:background-color .5s ease-in-out,color .5s ease-in-out}#certificates-wrapper #topics:hover{background-color:#d84924;color:#fff!important;font-weight:400}.certification-wrapper .link-certification{margin-top:auto}#certificates-wrapper .link-certification a{color:#00ff15;color:var(--green);margin:0 -.25rem;padding:0 .25rem;text-decoration:none;transition:color .3s ease-in-out,box-shadow .3s ease-in-out;white-space:nowrap}#certificates-wrapper .link-certification a:hover{box-shadow:inset 300px 0 0 0 #00ff15;box-shadow:inset 300px 0 0 0 var(--green);color:#7b7b7b;color:var(--textNavBar);font-weight:500}#certificates-wrapper h2{margin-bottom:.2rem}#certificates-wrapper .grey,#certificates-wrapper li{color:#9e9e9e;list-style:none;margin-left:1.2rem}#certificates-wrapper .value{color:orange}.orange{color:orange!important}#certificates-wrapper #topics{border-color:#444;border-color:var(--textGrey);color:#9e9e9e!important;cursor:crosshair}#certificates-wrapper #topics:hover{background-color:#444;background-color:var(--textGrey);color:#9e9e9e!important}#certificates-wrapper .technologies{align-items:center;display:flex}#certificates-wrapper .info-wrapper{margin-bottom:.3rem;width:100%}#certificates-wrapper #topics-course{align-content:flex-start}.contact-wrapper{background-color:#252526;background-color:var(--navExplorer)}.contact form,.contact-wrapper{display:flex;justify-content:center;width:100%}.contact form{background-color:#2d2d2d;background-color:var(--bgTabs);border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem 2rem}.contact form input,.contact form textarea{box-shadow:0 0 25px 0 rgba(0,0,0,.25)}.contact form input,.contact form textarea{background-color:#333;border:1px solid #00ff15;border:1px solid var(--green);color:#f5f5f5;padding:.6rem .7rem}.contact form textarea{height:7rem;text-align:left}.contact .sendBtn,.contact input:hover,.contact textarea:hover{background-color:#1e1e1e;background-color:var(--bgMain)}.contact .sendBtn{box-shadow:0 0 25px 0 rgba(0,0,0,.25);color:#00ff15;color:var(--green);margin:1rem 0;transition:all .9s}.contact .sendBtn:hover{background-color:#00ff15;background-color:var(--green);color:#000;font-weight:700}.contact .sendBtn:disabled{cursor:not-allowed;opacity:.6}.contact .sendBtn:disabled:hover{background-color:#1e1e1e;background-color:var(--bgMain);color:#00ff15;color:var(--green)}.contact .form-message{border-radius:4px;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.contact .form-message.success{background-color:rgba(49,184,49,.1);border:1px solid rgba(49,184,49,.3);color:#31b831}.contact .form-message.error{background-color:rgba(241,104,117,.1);border:1px solid rgba(241,104,117,.3);color:#f16875}.contact .social{align-items:center;background-color:#252526;background-color:var(--navExplorer);display:flex;flex-direction:column;justify-content:space-around;padding:1rem}.icon-contact{color:#00ff15;color:var(--green);transition:all .4s}.icon-contact:hover{color:#aeaeae;color:var(--hoverIconNavBarH)}
/*# sourceMappingURL=main.f89a468e.css.map*/