:root{--background-color: #fff;--btn-color: #222;--btn-text-color: #fff;--project-card-bg: #ffffff00;--text-color: #222}[data-theme=dark]{--background-color: #222;--btn-color: #fff;--btn-text-color: #222;--project-card-bg: #fff;--text-color: #fff}body{background-color:var(--background-color);display:flex;justify-content:center;margin:0}#root{display:flex;flex-direction:column;gap:60px}h1,h2,h3,p{color:var(--text-color);margin:0;padding:0}h2,h3,p{font-family:Roboto Mono,monospace}h1,h2{text-transform:uppercase}h2{font-size:40px}h3{font-size:25px}h1{font-family:Rubik,sans-serif;font-size:50px}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}@media (max-width: 524px){h1{font-size:30px}h2{font-size:25px}h3{font-size:16px}p{font-size:12px}}.container{display:flex;flex-direction:row-reverse;justify-content:space-evenly;margin-top:100px}.myImg{max-width:350px;border-radius:50%;border:3px solid #222}span{display:flex;gap:5px}span a{margin:0}span a img{width:40px}a button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:40px;font-size:15px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:.2s ease-in-out;cursor:pointer}.colorModeContainer{position:relative}.colorMode{position:absolute;width:30px;cursor:pointer}.description{width:60ch;text-align:justify}.info{display:flex;flex-direction:column;justify-content:center;gap:2rem;padding-top:20px}@media (max-width: 976px){.container{flex-direction:column;justify-content:center;align-items:center;margin-top:10px}.info{align-items:center}}@media (max-width: 624px){.description{width:50ch}}@media (max-width: 524px){.description{width:45ch}.myImg{max-width:200px}.colorMode{width:20px}}.projectContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;margin-top:100px}.projects{display:flex;flex-wrap:wrap;justify-content:center;gap:100px}.project-card{padding:1rem;transition:.2s ease-in-out;border-radius:20px}.project-card:hover{background-color:#80808033}button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;font-size:15px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:.2s ease-in-out}button:hover{transform:scale(1.05)}button:active{transform:translateY(2px)}@media (max-width: 624px){.card-img-top{margin-top:50px;width:90%}}@media (max-width: 524px){.projectContainer{margin-top:30px}.sectionTitle{margin-bottom:0}.projects{gap:20px}.project-card{padding:0rem}.project-card:hover{all:unset;cursor:default}}.navbar{position:sticky;top:0;z-index:1;height:6rem;background-color:var(--background-color);display:flex;justify-content:space-between;align-items:center;padding:0 4rem;border-bottom:1px solid gray}.brand-name{display:flex;justify-content:center;align-items:end;text-decoration:none}.brand-name p{font-size:1.5rem;font-weight:500;padding-left:.5rem;padding-bottom:.5rem}.nav-links{display:flex;gap:1rem;cursor:pointer;padding-top:1rem}.nav-links a{text-decoration:none;color:var(--text-color);font-family:Roboto Mono,monospace}.nav-dropdown{display:none}.navbar-toggler{display:none;position:relative;padding:.5rem}.dropdown-menu,.dropdown-links{display:none}@media (max-width: 768px){.nav-links{display:none}.nav-dropdown{display:flex}.navbar-toggler{display:inline;width:50px;font-size:20px}.navbar-toggler:hover{transform:none}.dropdown-menu{position:absolute;border:1px solid gray;right:3rem;width:10rem;top:5rem;background-color:var(--background-color)}.dropdown-links{display:flex;flex-direction:column;text-decoration:none;color:var(--text-color);padding:10px 10px 10px 20px;transition:.2s;cursor:pointer}.dropdown-links:hover{background-color:#80808033}}@media (max-width: 524px){.navbar{padding:0 2rem}.brand-name p{display:none}.dropdown-menu{right:2rem}}.skillsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:100px;text-align:center}.skillsContainer img{width:150px}.skills{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:100px;padding:50px 100px 0}.skillName{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@media (max-width: 976px){.skillsContainer{margin-top:50px}}@media (max-width: 624px){.skillsContainer img{width:65%}}@media (max-width: 524px){.skills{gap:20px}}@media (max-width: 468px){.skillsContainer{margin-top:25px}.skillName{width:40%}.skills{padding:0;margin-top:50px;gap:20px}}.footer{background-color:#80808021;height:150px;border-top:2px solid gray;color:var(--text-color);margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.footer-links{display:flex;gap:10px}.footer-links img{width:25px}