.home-container{display:flex;box-sizing:border-box;flex-direction:row;justify-content:center;align-content:center;width:100%;min-height:100vh;background:linear-gradient(160deg,rgba(255,123,0,.25) -10%,rgb(20,0,44) 50%)}.home-content{display:flex;box-sizing:border-box;flex-direction:column;width:65%;padding:100px 0;gap:50px}.panel{box-sizing:border-box;display:flex;flex-direction:column;-ms-overflow-style:none;scrollbar-width:none}.side-panel{display:flex;gap:20px}.panel-top{display:flex;gap:30px;flex-direction:column;justify-content:space-between}.socials{display:inline-block;display:flex;flex-direction:row;gap:10px}.social{opacity:.5;width:32px;height:32px;transition:.1s all ease-in-out}.social:hover{opacity:1;fill:#bccfff}.panel::-webkit-scrollbar{display:none}.header-panel{display:flex;justify-content:space-between}.header-panel>.panel-content>.headers{display:flex;flex-direction:column;gap:10px}.header-panel>.panel-content>.headers>.header-text{width:500px}.header-panel>.panel-content>.headers>.header-text>p{margin-top:20px}.skills{display:flex;flex-direction:row;flex-wrap:wrap!important;gap:15px;margin-top:20px}.skills-container{padding:8px 12px;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap!important;background-color:#ffffff0d;border-radius:4px}.skills-content{display:flex;flex-direction:row;gap:10px}.skills-panel{width:80%}.projects{margin-top:20px;gap:10px;display:grid;grid-template-columns:repeat(3,33%);max-width:100%}.job-panel{display:flex;flex-direction:column;gap:20px}.job-container{display:grid;grid-template-columns:repeat(3,33%);gap:10px}@media screen and (max-width: 1600px){.skills{display:flex;flex-direction:row;gap:15px;margin-top:20px;flex-wrap:wrap}.skills-container{display:flex;flex-direction:row;gap:10px;align-items:center}.skills-content{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap!important}.skills-panel{width:100%}.side-panel{display:flex;flex-direction:column;gap:50px}.job-container{display:grid;grid-template-columns:repeat(2,50%);gap:10px}}.footer{text-align:center;display:flex;justify-content:center;padding:75px 0 0}.footer>p{width:500px;text-wrap:balance;font-size:14px!important}.footer>p>a>*{color:#ffffffb3!important}@media screen and (max-width: 1000px){.home-content{width:75%}h1{font-size:75px!important}.header-panel{padding:50px 0}.header-panel>.panel-content>.headers>.header-text{width:100%}.skills{grid-template-columns:repeat(3,33%)}}@media screen and (max-width: 750px){.home-content{box-sizing:border-box;padding:50px;width:100%}h1{font-size:50px!important}.header-panel{padding:25px 0}.skills{grid-template-columns:repeat(2,50%)}.footer{width:100%}}@media screen and (max-width: 1400px){.projects{grid-template-columns:repeat(1,100%)!important}.job-container{display:grid;grid-template-columns:repeat(1,100%);gap:10px}}@media screen and (min-width: 1800px){.projects{grid-template-columns:repeat(3,33%)}}@media screen and (min-width: 2500px){.projects{grid-template-columns:repeat(3,33%)!important}}.skill{background-color:#ffffff03;border:2px solid #FFFFFF00;border-top:2px solid rgba(255,255,255,.1);transition:.1s all ease-in-out;cursor:pointer;padding:4px 12px;border-radius:4px;align-self:flex-start;text-wrap:nowrap}.selected{border:2px solid}.small{padding:5px 10px;border:none;font-size:12px;border-radius:10px}.hovered{transform:scale(1.05);animation:pulse 1s ease-in-out reverse infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.project{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:#ffffff0d;border-top:2px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffffbf;transition:.1s all ease-in-out;cursor:pointer}.project.inactive{opacity:.75;transform:scale(.98)}.project.active{opacity:1}.project:hover{background-color:#ffffff1a}.project:hover>.project-header{color:#6159c8}.project:hover>.project-header>.arrow{transform:translate(4px,-4px);stroke:#6159c8}.project-header{display:flex;gap:5px;transition:.1s all ease-in-out}.project-header>span{font-size:18px;font-weight:900}.project-description{text-align:left;line-height:20px}.project-skills{display:flex;gap:5px;flex-wrap:wrap!important}@media screen and (max-width: 750px){.project-skills{flex-wrap:wrap}}.char{transition:.1s all ease-in-out;font-weight:700}.char-container{display:flex;cursor:pointer;display:inline-flex;flex-direction:row}.char.unhovered{animation:fade .7s ease-out;color:inherit}.char:hover{color:#7b00ffee}@keyframes fade{0%{color:#9a3cfeee}20%{color:#3676ffee}40%{color:#34ff82ee}60%{color:#ffd83aee}80%{color:#ff3838ee}to{color:inherit}}.job{display:flex;flex-direction:column;gap:15px;padding:20px;background-color:#ffffff0d;border-top:2px solid rgba(255,255,255,0);border-radius:4px;color:#ffffffbf;transition:.1s all ease-in-out;cursor:pointer}.job.inactive{opacity:.75;transform:scale(.98)}.job.active{opacity:1}.job:hover{background-color:#ffffff0d;border-top:2px solid rgba(255,255,255,.1)}.job:hover>.job-header{color:#6159c8}.job:hover>.job-header>.arrow{transform:translate(4px,-4px);stroke:#6159c8}.job-header{display:flex;gap:5px;transition:.1s all ease-in-out}.arrow{width:24px;height:24px;stroke:#ffffff80;transition:.1s all ease-in-out}.job-header>span{font-size:18px;font-weight:900}.job-description{text-align:left;line-height:20px}.job-skills{display:flex;gap:5px;flex-wrap:wrap!important}.job-period{text-transform:uppercase;font-weight:700;color:#8d87e2bf;font-size:14px}@media screen and (max-width: 750px){.job-skills{flex-wrap:wrap}}*{margin:0;padding:0;font-family:SF Pro Display,sans-serif;font-weight:300;-webkit-user-select:none;-moz-user-select:none;user-select:none}s html,body,#root{width:100%;color:#fffc;background:rgb(15,14,24);overflow:none}body::-webkit-scrollbar{display:none}#root{background:rgb(15,14,24);background:linear-gradient(-35deg,rgba(15,14,24,1) 0%,rgba(27,24,60,1) 100%)}h1{font-weight:900;font-size:100px;text-align:justify}h2{font-weight:600;font-size:40px;color:#fffc}h3{font-weight:600;font-size:32px}h4{font-weight:600;font-size:24px;color:#fff9}p{font-size:18px;color:#ffffff80;line-height:24px}a{all:unset;color:#fff;transition:.1s all ease-in-out}a:hover{cursor:pointer;color:#6d62e5}strong{color:#fff!important;font-weight:600}@media screen and (max-width: 750px){p{text-wrap:balance}}