#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar{display:flex;justify-content:space-between;padding:10px;font-size:1.5rem;color:#fff;align-items:center}.lnav{font-size:3.1rem;font-family:Monsieur La Doulaise,cursive;font-family:Ballet,cursive;font-family:Mrs Saint Delafield,cursive;opacity:1;color:#ffffffd5}.mnav{display:flex;gap:30px;opacity:.85}.mnav a{color:#fff;text-decoration:none;font-size:1.4rem;font-family:Ubuntu,sans-serif;transition:color .25s ease,transform .4s ease}.mnav a:hover{color:#ffdb99;transform:scale(1.2);opacity:1}.rnav{display:flex;opacity:.85}.rnav a{text-decoration:none;color:#fff;padding:0}.social-icon{font-size:24px;color:#fff;transition:transform .3s ease,color .3s ease}.social-icon:hover{transform:scale(1.2)}.tele:hover{color:#1c93e3;opacity:1}.linkedin:hover{color:#0077b5;opacity:1}.x:hover{color:#1a8cd8;opacity:1}@media (max-width: 930px){.navbar{display:flex;text-align:center;align-items:center;justify-content:space-between;flex-direction:column}.lnav{margin-bottom:1rem;font-size:2.8rem;opacity:.8}.rnav{display:none}.mnav{display:flex;gap:20px;text-align:center}.mnav a{color:#fff;text-decoration:none;font-size:1.5rem;font-family:Ubuntu,sans-serif;transition:color .5s ease,transform .2s ease;text-align:center}}@media (max-width:580px){.lnav{font-size:2.5rem;margin:0}.mnav a{font-size:1.15rem}}@media (max-width: 428px){.navbar{display:flex;text-align:center;align-items:center;justify-content:center}.lnav{font-size:2.3rem}.rnav{display:none}.mnav{display:flex;gap:20px;text-align:center}.mnav a{color:#fff;text-decoration:none;font-size:1rem;font-family:Ubuntu,sans-serif;transition:color .5s ease,transform .2s ease;text-align:center}}@media (min-width: 1024px){.navbar{padding:10px 40px}.mnav{display:flex}.hamburger{display:none}.rnav{display:flex}}.home{text-align:left;color:#fff;margin-top:1rem}.tags{display:flex;flex-direction:column}.html{font-size:.8rem;margin:.1rem 0;color:#afafaf46;font-family:Courgette,cursive}.main-txt{font-family:New Rocker,system-ui;font-size:1.7rem;transform:scaleY(1.6);margin-top:4rem}.main-txt h1{margin-top:0;margin-bottom:0;letter-spacing:3.5px}.sub-txt{margin-top:4rem;font-family:Orbitron,serif;color:#ffffff9f}.sub-txt h2{margin:0;margin-top:.2rem}.contact-btn{color:#fff;background-color:transparent;border:1px solid rgb(255,219,153);padding:.5rem 1.5rem;margin-top:1rem;font-size:1.2rem;letter-spacing:.5px;font-family:Homenaje,sans-serif;cursor:pointer}.contact-btn:hover{box-shadow:0 0 4px #ffdb99}.home-page{display:flex;flex-direction:row;align-items:center;position:relative}.skills{margin-top:3.5rem;height:380px;margin-left:3rem;font-family:Kdam Thmor Pro,sans-serif;position:relative}.skills span{position:absolute;color:#4388ff;font-size:20px;opacity:.4;text-shadow:1px 1px 5px rgb(31,110,247)}.skills span:nth-child(1){top:10px;left:100px;opacity:.7}.skills span:nth-child(2){top:85px;left:120px;opacity:.7}.skills span:nth-child(3){top:89px;left:280px}.skills span:nth-child(4){top:160px;left:30px}.skills span:nth-child(5){top:280px;left:320px;opacity:.6}.skills span:nth-child(6){top:83px;left:300px;opacity:.7}.skills span:nth-child(7){top:160px;left:160px}.skills span:nth-child(8){top:200px;left:270px;opacity:.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1300px){.skills{display:none}}@media (max-width: 825px){.home-page{flex-direction:column;text-align:center}.home{flex:1 1 100%;margin-top:2rem}.main-txt{font-size:1.4rem;margin-top:2rem;margin-top:3rem}.main-txt h1{font-size:2.5rem;letter-spacing:2px}.sub-txt{font-size:.7rem;margin-top:2rem}.contact-btn{padding:.6rem 1.8rem;font-size:1.1rem;margin-top:1.2rem}.skills{margin-left:0;justify-content:center;margin-top:2rem;height:auto}.skills span{font-size:18px;display:none}.skills span:nth-child(1){top:0;left:100px}.skills span:nth-child(2){top:0;left:-160px;opacity:.7}.skills span:nth-child(3){top:30px;left:-100px;opacity:.3}.skills span:nth-child(4){top:30px;left:50px}.skills span:nth-child(5){top:0;left:-105px;opacity:.6}.skills span:nth-child(6){top:0;left:-20px;opacity:.7}.skills span:nth-child(7){top:0;left:23px}}@media (max-width : 639px){*{margin-left:0;margin-right:0;margin-top:.6rem}#root{padding:0}.main-txt{font-size:.6rem;margin-top:3.1rem;text-align:left;margin-bottom:2.65rem}.main-txt h1{font-size:2.1rem}}@media (max-width: 493px){*{padding-left:0;padding-right:0}.home-page{height:480px}.html{font-size:.6rem;padding-left:1rem}#root{padding:0}.main-txt{font-size:1rem;margin-top:3.1rem;text-align:left;margin-bottom:2.65rem}.main-txt h1{font-size:1.82rem;letter-spacing:1px;text-align:left}.main-txt p{font-size:.37rem;transform:none!important}.sub-txt{font-size:.53rem}.contact-btn{padding:.5rem 1.5rem;font-size:1rem}.skills{height:300px;margin-top:2.5rem}.skills span{font-size:16px}}*{padding-left:.6rem;padding-right:.6rem;box-sizing:border-box}.about{display:flex;flex-direction:column;margin-top:5rem;text-align:center;color:#fff}.about-l{font-size:2rem;font-family:Orbitron,serif;text-align:left;width:100%;margin-bottom:1rem}.about-l h1{margin:0;letter-spacing:2px}.about-r{margin-top:3rem;text-align:left;opacity:.8;font-family:Ubuntu,sans-serif;word-spacing:1px;font-size:1.2rem;line-height:23px}.about-r p{margin-bottom:1.5rem}.about-r button{margin-left:1rem;color:#fff;background-color:transparent;border:1.5px solid rgb(255,219,153);padding:.6rem 1.4rem;font-size:1.1rem;cursor:pointer}.about-r button:hover{box-shadow:0 0 4px #ffdb99}.skills-abt{margin-top:3.5rem;height:380px;margin-left:3rem;font-family:Kdam Thmor Pro,sans-serif;position:relative;display:none}.skills-abt span{position:absolute;color:#4388ff;font-size:20px;opacity:.4;text-shadow:1px 1px 5px rgb(31,110,247)}@media (max-width:1300px){.skills-abt{display:inline}.skills-abt{justify-content:center;height:auto;display:inline}.skills-abt span{font-size:20px}.skills-abt span:nth-child(1){top:40px;left:150px;opacity:.7}.skills-abt span:nth-child(2){top:40px;left:-145px;opacity:.7}.skills-abt span:nth-child(3){top:40px;left:-260px;opacity:.3}.skills-abt span:nth-child(4){top:40px;left:250px}.skills-abt span:nth-child(5){top:40px;left:-55px}.skills-abt span:nth-child(6){top:40px;left:-10px;opacity:.7}.skills-abt span:nth-child(7){top:40px;left:73px}.skills-abt span:nth-child(8){top:40px;left:-370px;opacity:.7}}@media (max-width: 1024px){.about{flex-direction:column;align-items:center}.about-l{font-size:1.8rem;text-align:center;width:90%}.about-r{margin-top:1rem;font-size:1rem;text-align:center;padding:0 1rem}.about-r button{margin-top:1rem;width:100%}}@media (max-width: 768px){.about-l h1{font-size:2.5rem}.about-r{font-size:1rem;margin-top:1rem;margin-bottom:1rem}.about-r p{font-size:.9rem}.about-r button{padding:.8rem 1.6rem}.skills-abt{margin-left:0;justify-content:center;margin-top:2rem;height:auto;display:inline}.skills-abt span{font-size:16px}.skills-abt span:nth-child(1){top:0;left:100px}.skills-abt span:nth-child(2){top:0;left:-180px;opacity:.7}.skills-abt span:nth-child(3){top:30px;left:-130px;opacity:.3}.skills-abt span:nth-child(4){top:30px;left:-20px}.skills-abt span:nth-child(5){top:0;left:-105px}.skills-abt span:nth-child(6){top:0;left:-55px;opacity:.7}.skills-abt span:nth-child(7){top:0;left:23px}.skills-abt span:nth-child(8){top:30px;left:40px}}@media (max-width: 480px){.about{margin-top:0}.skills{height:300px;margin-top:2.5rem}.skills span{font-size:16px}.about-l h1{font-size:2.1rem}.about-r{font-size:.9rem;padding:0 .5rem;margin-bottom:0rem}.about-r button{padding:.5rem 1.4rem;margin:1rem 0rem;cursor:pointer}}.projects-container{margin-top:2rem;color:#fff;text-align:left;margin-top:4.5rem}h1{font-size:3.5rem;font-family:Orbitron,serif;text-align:left;color:#fff;margin-top:0}.projects{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project{flex:1 1 400px;box-shadow:0 4px 6px #0000001a;text-align:left;text-decoration:none;font-family:Ubuntu,sans-serif;margin:0;padding:1rem;background-color:#2f2f2f93;border-radius:5px;transition:box-shadow .4s ease;justify-content:center;align-items:center}.project:hover{box-shadow:1px 2px 7px #686868ad}.project-name{margin:0;margin:.5rem 0rem;background-color:transparent}.project-description{margin:0;margin:.8rem 0rem;opacity:.7;background-color:transparent}.project-technologies{margin:0;margin:.8rem 0rem;background-color:transparent;opacity:.7}.tech-logo{display:flex;flex-direction:row;gap:10;background-color:transparent;flex-wrap:wrap}.project-link{margin:0;margin:.6rem 0rem;background-color:transparent}.project-technologies strong{background-color:transparent}.project-link a{background-color:transparent;opacity:.6;transition:opacity .1s ease;text-decoration:underline}.project-link a:hover{opacity:.9}.tech{width:fit-content;height:fit-content;padding:3px 7px;background-color:#4d4d4d;color:#fff;border-radius:5px;font-size:12px;box-shadow:0 0 4px #fff;margin-right:10px;margin-top:.5rem}@media screen and (max-width: 768px){.projects{justify-content:center;gap:15px}.project{flex:1 1 100%;max-width:90%;padding:1rem}h1{font-size:2.5rem;text-align:center}.project-name{font-size:1.4rem}.project-description,.project-technologies,.project-link a{font-size:1rem}}@media screen and (max-width: 480px){*{padding-left:0;padding-right:0}.projects{flex-direction:column;align-items:center}.project{flex:1 1 100%;max-width:95%;padding:1rem}h1{font-size:2rem}.project-name{font-size:1.2rem}.project-description,.project-technologies,.project-link a{font-size:.9rem}}.get-in-touch{margin-top:4rem;margin-bottom:1.7rem}.contact-txt{text-align:left;font-family:Ubuntu,sans-serif;font-size:1rem;margin-bottom:1.7rem}.contact-div{display:flex;justify-content:space-between;text-align:center;padding:0 1rem}.contact{text-align:left;font-family:Teko,sans-serif;font-family:Orbitron,serif;font-family:Ubuntu,sans-serif}.contact-social{display:flex;align-items:center;flex-direction:column;margin-top:2.3rem}.contact-social a{text-decoration:none;color:#fff;padding:0;font-size:24px;opacity:.6;transition:transform .1s ease;margin-right:.4rem}.contact-social a:hover{opacity:1;transform:scale(1.1)}.copy-right{margin-top:.5rem;opacity:.8}@media (max-width: 860px){.contact-txt{font-size:.9rem;margin-bottom:.5rem;line-height:18px;text-align:left;margin-left:1rem;font-family:Ubuntu,sans-serif}.contact-div{display:flex;flex-direction:column}.contact{text-align:left;font-family:Ubuntu,sans-serif;margin:0;font-size:.86rem}.contact-social{margin-top:1rem;margin-bottom:4rem;align-items:first baseline}.contact-social a{font-size:24px;margin-top:0;margin-right:1.4rem}.copy-right{margin-top:.8rem}}@media (min-width: 480px) and (max-width: 769px){.contact-txt{padding:0}}*{background-color:#1e1e1e}