:root{--background-color:#fff;--btn-color:#0987f2;--btn-text-color:#fff;--project-card-bg:#ffffff00;--text-color:#222;--form-text-color:#555;--footer-text-color:#888}[data-theme=dark]{--background-color:#222;--btn-color:#fff;--btn-text-color:#222;--project-card-bg:#fff;--text-color:#fff;--form-text-color:#fff;--footer-text-color:#bbb}body{background-color:var(--background-color);display:flex;justify-content:center;margin:0 auto 60px}#root{display:flex;flex-direction:column;gap:60px}h1,h2,p,h3{color:var(--text-color);margin:0;padding:0}h2,h3,p{font-family:Roboto Mono,monospace}h1,h2{text-transform:uppercase}h2,h3{font-size:30px}h1{font-family:Rubik,sans-serif;font-size:32px}.appcontainer{display:flex;flex-direction:column;gap:70px}*{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}@media (wisth >= 800px){#root{gap:100px}h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px}}@media (wisth >= 1400px){#root{gap:200px}h1{font-size:48px}.sectionTitle{margin-bottom:75px}}._container_1eio4_1{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;height:100dvh}._hero_1eio4_17{max-width:200px}span{display:flex;gap:25px;justify-content:center}span a{margin:0}span a img{width:30px}a{width:fit-content;align-self:center}button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}button:hover{transform:scale(1.05)}button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._colorModeContainer_1eio4_93{position:relative}._colorMode_1eio4_93{position:absolute;right:0;width:25px}._colorMode_1eio4_93:hover{cursor:pointer}._description_1eio4_115{max-width:24ch;align-self:center}._info_1eio4_119{display:flex;flex-direction:column;gap:20px}@media (width >=800px){._container_1eio4_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._hero_1eio4_17{max-width:350px;width:350px}}@media (width >=1400px){._container_1eio4_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._hero_1eio4_17{max-width:400px;width:400px}}.container{display:flex;flex-direction:column;text-align:center;gap:25px}.container img{max-width:170px;border-radius:20px;max-height:150px;background-color:var(--project-card-bg)}.container .HE{text-align:center}.container a{color:#222;width:fit-content;text-decoration:none;transition:transform .2s ease-in-out}.container a:hover{transform:scale(.9)}.ProjectContainer{display:flex;flex-direction:row;align-self:center;gap:30px}@media (width>=800px){.container{flex-direction:row;justify-content:space-evenly;padding:0 20px}}.skillcontainer{display:flex;gap:20px;flex-direction:column}.skillcontainer h1{text-align:center}.skillcontainer span{display:flex;align-items:center;gap:5px}.skillcontainer img{max-width:20px}.skillcontainer .SkillList{display:flex;align-self:center;justify-content:space-evenly;flex-wrap:wrap;max-width:26ch;row-gap:40px}@media (width>=800px){.skillcontainer .SkillList{max-width:fit-content;gap:30px}.skillcontainer .SkillList p{font-size:20px}}.dcontainer{text-align:center}.dcontainer p{font-size:14px;color:var((--footer-text-color))}