@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rowdies:wght@300;400;700&display=swap";*{box-sizing:border-box}a{color:unset;margin:0;padding:0;text-decoration:none}:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color:#39393a;--font-color:#fefefe;--background-container-color:#183642;--elements-color:#11b5e4;--button-color:#028090;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#root{text-align:center;width:100%;margin:0 auto;padding:.5rem}body{background-color:var(--background-color);min-width:320px;min-height:100vh;color:var(--font-color);place-items:flex-start;margin:0;padding:0;display:flex}.app-main{flex-direction:column;justify-content:center;gap:2.5rem;display:flex}.app-wrapper{justify-content:space-around;width:100%;padding:0 1rem;display:flex}button{background-color:var(--button-color);color:var(--font-color);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}@media (width<=800px){.app-wrapper{flex-direction:column;align-items:center;gap:2rem;padding:.1rem}}h1,h2,h3,h4,span,p{margin:0}.nav-main{grid-template-columns:1fr 1fr;width:100%;padding:1rem;display:grid}.nav-logo{font-family:Rowdies,sans-serif;font-weight:700;display:flex;position:relative}.nav-logo h1{font-size:3em;line-height:1.1}.nav-logo span{white-space:nowrap;position:absolute;bottom:-1rem;left:6.5rem}.nav-links{-webkit-backdrop-filter:blur(6.7px);background:#fff0;border:1px solid #ffffff14;border-radius:16px;flex-wrap:nowrap;justify-content:space-evenly;justify-self:flex-end;align-items:center;width:15em;padding:12px 1rem;display:flex;box-shadow:0 4px 30px #0000001a}.nav-links-item{justify-content:center;align-items:center;display:flex;position:relative}.nav-links-item svg{width:25px;height:25px}.nav-links-item:after{content:"";z-index:-10;background-color:#0000;border:1px solid #0000;border-radius:50%;width:45px;height:45px;transition:all .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-links-item:hover{cursor:pointer}.nav-links-item:hover:after{background-color:#202020;border-color:teal}@media (width<=920px){.nav-main{grid-template-rows:1fr 1fr;grid-template-columns:auto;justify-content:center;align-items:center;gap:2rem}}.projects-main{background-color:#1f1f1fcc;border-radius:3px;width:100%;height:fit-content;display:flex}.projects-container{border-radius:2px;flex-direction:column;width:100%;height:100%;padding:1rem .2rem;display:flex}.projects-text{text-align:left;flex-direction:column;margin-bottom:1rem;padding:.5rem 1.8rem;display:flex}.projects-text h1{flex-direction:row;align-items:center;gap:1.5rem;font-size:3.5rem;font-weight:200;display:flex}.projects-text h1 svg{cursor:pointer;width:45px;height:45px}.projects-text h1 svg:hover{opacity:.8}.projects-text p{color:#a2a2a2;font-size:1.4rem;font-weight:600}.projects-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem 1rem;width:100%;padding:12px;display:flex}.projects-card{background-color:#0000;border-radius:10px;justify-content:center;align-items:center;width:49%;display:flex;position:relative}.projects-card:hover>.projects-card-text{color:#fff;transition:all 1.2s ease-in-out}.projects-card-img{width:100%;height:auto;position:relative}.projects-card-img img{border-radius:8px;width:100%;height:auto}.projects-card-img:hover svg{cursor:pointer;display:block}.projects-card-img:hover:after{animation:.4s ease-in-out leftFade;display:block}.projects-card-img svg{z-index:200;background-color:#2b2b2b;border:2px solid teal;border-radius:50%;width:36px;height:36px;padding:4px;display:none;position:absolute;bottom:10px;right:5px}.projects-card-img:after{content:"";z-index:100;background:#2f2f2fe6;border-radius:7px;width:100%;height:99%;display:none;position:absolute;top:0;left:0}.projects-card-text{color:#0000;z-index:250;pointer-events:none;cursor:default;flex-direction:column;gap:1rem;display:flex;position:absolute}.projects-card-text h1{font-weight:900}.projects-card-text p{font-weight:600}@keyframes leftFade{0%{opacity:0;transform:translate(-150px)}to{opacity:1;transform:translate(0)}}@media (width<=820px){.projects-display{gap:1rem;padding:0}.projects-container{width:100%;padding:8px}.projects-text h1{justify-content:center;align-items:center}.projects-text h1 svg{border:1px solid teal;border-radius:15px;width:50px;height:50px;padding:8px}.projects-card,.projects-card-img,.projects-card-img img{width:100%}.projects-card-img svg{width:55px;height:55px;display:block;bottom:0%;right:5%}.projects-card-img:hover:after{animation:none}.projects-card-img:after{width:80%;height:80%;display:block;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-card-text{color:#f1f1f1;align-items:center}.projects-card-text h1{font-size:1rem}.projects-card-text p{width:50%;font-size:1em}}.resume-main{z-index:10;border-radius:10px;flex-direction:column;flex-basis:50%;width:500px;min-width:100px;animation:9s ease-in-out infinite moviment;display:flex;position:relative;box-shadow:0 4px 60px #00808033}.resume-header{background-color:#0c0c0c4d;border-bottom:1px solid #17171780;border-radius:10px 10px 0 0;align-items:center;gap:.05rem;padding-top:8px;display:flex}.resume-header svg:first-child{margin:0 8px}.resume-header-tab{background-color:#3b3b3b;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;width:200px;padding:8px;display:flex}.resume-header-tab:nth-child(3){background-color:#0e0e0e}.resume-header-tab-left{align-items:center;gap:2px;display:flex}.resume-header-tab-right{align-items:center;height:100%;display:flex}.resume-header-tab-right:hover{cursor:pointer;background-color:#2d2d2d;border-radius:12px}.resume-terminal{flex-direction:column;gap:.2rem;padding:12px 10px;display:flex}.resume-terminal-user{color:#0ff;align-items:center;gap:8px;display:flex}.resume-terminal-text{text-align:left;padding:12px;overflow:hidden}.resume-terminal-text span{font-size:large}.resume-terminal-command{text-align:left;outline:none;padding:12px}@media (width<=800px){.resume-main{flex-basis:1px;width:100%}.resume-terminal-text{font-size:15px}}@media (width<=400px){.resume-header-tab{width:fit-content}.resume-header-tab span{display:none}}.services-main{border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;width:50%;height:100%;padding:0 3.5rem;display:flex}.services-content{flex-direction:column;gap:8px;display:flex}.services-title{color:#e5e5e5;border-bottom:1px solid #d5d5d5;justify-content:flex-start;align-items:center;width:100%;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.services-title svg{opacity:.8;width:20px;height:20px;margin-right:12px;animation:8s linear infinite spin}.services-title h1{opacity:.8;font-size:20px;font-weight:900}.services-cards{text-align:left;background-color:#333;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;width:100%;min-height:fit-content;padding:.5rem;transition:border-color .4s;display:flex}.services-cards:hover{border-color:teal}.services-cards-title{align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.services-cards-title svg{width:20px;height:20px;margin-right:8px}.services-cards-title span{white-space:nowrap;text-align:center;font-size:18px;font-weight:800}.services-cards-text{text-align:left;background:linear-gradient(90deg,#404041 0%,#444a4b 100%);border-radius:8px;width:100%;height:fit-content;padding:.8rem}@media (width<=800px){.services-main{width:100%;padding:0 1.5rem}}@keyframes spin{to{transform:rotate(360deg)}}.social-main{place-content:center;width:100%;padding:1rem;display:flex}.social-content{background:linear-gradient(90deg,#2b2b2b 0%,#262626 100%);border-radius:25px;flex-direction:column;align-items:center;gap:1rem;width:550px;padding:18px;display:flex}.social-text{text-align:start;padding:10px}.social-text p{line-break:auto}.social-links{flex-direction:row;justify-content:center;align-items:center;gap:14px;width:50%;display:flex}.social-item{background-color:#343436;border:1px solid #0000;border-radius:12px;align-items:center;padding:8px;display:flex}.social-item svg{width:40px;height:40px}.social-item:hover{cursor:pointer;border-color:teal}.tech-main{background:#0c0c0c38;border-radius:12px;flex-direction:column;align-self:center;gap:.5rem;width:95%;padding:1.5rem;display:flex}.tech-desc{text-align:left;width:95%}.tech-desc-title{border-bottom:1px solid #a6a4a4;padding:1rem 0}.tech-desc-title h1{font-size:3em;line-height:1.5rem}.tech-desc-soft{padding:1rem 0}.tech-desc-soft h1{margin-bottom:.5rem;font-size:1.8em}.tech-desc-soft h3{margin-bottom:.5rem}.tech-desc-soft p{align-items:center;display:flex}.tech-desc-soft p svg{margin-right:4px}.tech-container{flex-flow:column wrap;justify-content:flex-start;align-self:center;align-items:flex-start;gap:.5rem 1rem;width:95%;padding:.5rem;display:flex}.tech-container-stack{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;width:90%;display:flex}.tech-item-container{flex-flow:wrap;gap:1rem;display:flex}.tech-item{background:teal;border-radius:4px;justify-content:space-around;align-items:center;width:8rem;padding:1rem;transition:transform .2s ease-in-out;display:flex;position:relative}.tech-item svg{background-color:#0c0c0ce6;border:1px solid #0000;border-radius:45%;width:42px;height:42px;padding:.5rem;position:absolute;top:-18px;left:-18px}.tech-item:hover{border-color:unset;cursor:pointer;transform:translateY(-10px)}.tech-item:hover svg{border-color:#a6a4a4}@media (width<=700px){.tech-desc-soft{padding:1rem}.tech-main{width:100%;padding:.5rem}.tech-container{justify-content:center;align-items:center;width:100%}.tech-item-container{width:100%}.tech-stack{justify-content:center;align-items:center}.tech-item{width:8rem}.tech-item svg{width:45px;height:45px}}@media (width<=380px){.tech-item-container{flex-direction:column;justify-content:center;align-items:center}.tech-item{width:100%}}