: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,h3,p{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:20px}h1{font-family:Rubik,sans-serif;font-size:32px}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}@media (width >= 800px){#root{gap:100px}h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px}@media (width >= 1400px){#root{gap:200px}h1{font-size:48px}.sectionTitle{margin-bottom:75px}}}._container_daa6f_1{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;height:100dvh;min-height:500px}._container_daa6f_1 ._hero_daa6f_10{max-width:200px}._container_daa6f_1 ._span_daa6f_14{display:flex;gap:25px;justify-content:center}._container_daa6f_1 ._span_daa6f_14 a{margin:0}._container_daa6f_1 ._span_daa6f_14 a img{width:30px}._container_daa6f_1 a{width:fit-content;align-self:center}._container_daa6f_1 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}._container_daa6f_1 button:hover{transform:scale(1.05)}._container_daa6f_1 button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._colorModeContainer_daa6f_57{position:relative}._colorMode_daa6f_57{position:absolute;right:0;width:25px}._colorMode_daa6f_57:hover{cursor:pointer}._description_daa6f_71{max-width:24ch}._info_daa6f_74{display:flex;flex-direction:column;gap:20px}@media (width >= 800px){._container_daa6f_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._container_daa6f_1 ._hero_daa6f_10{max-width:350px;width:350px}}@media (width >= 1400px){._container_daa6f_1 ._hero_daa6f_10{max-width:400px;width:400px}}._container_14jgw_1{display:flex;flex-direction:column;text-align:center}._container_14jgw_1 img{max-width:500px;align-self:center;background-color:var(--project-card-bg);border-radius:20px}a{width:fit-content;text-decoration:none;color:#222;transition:transform .2s ease-in-out}a:hover{transform:scale(1.05)}h1,h3,p{text-align:center}._projectsContainer_14jgw_33{display:flex;flex-direction:column;align-items:center;gap:30px}@media (min-width: 800px){._projectsContainer_14jgw_33{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}._projectsContainer_14jgw_33>*{flex-basis:45%;max-width:45%}}._container_1s6iz_1{display:flex;flex-direction:column;text-align:center}._container_1s6iz_1 span{display:flex;align-items:center;gap:5px}._container_1s6iz_1 img{width:20px}._skillList_1s6iz_19{display:flex;justify-content:space-evenly;align-self:center;flex-wrap:wrap;row-gap:40px;max-width:26ch}hr{width:100px;height:1px;border:none;background-color:var(--text-color);margin:30px auto}@media (width>= 800px){._skillList_1s6iz_19{max-width:fit-content;gap:30px}._skillList_1s6iz_19 p{font-size:20px}hr{width:300px}}._container_1shge_1{display:flex;flex-direction:column;text-align:center}form{display:flex;flex-direction:column;gap:30px}textarea,input:not([type=submit]){height:50px;padding-left:16px;width:250px}textarea{padding-top:16px;resize:none;height:250px}input,textarea{border-radius:20px;border:#888 1px solid;box-sizing:border-box;justify-self:center;background-color:var(--background-color);color:var(--form-text-color)}::placeholder{color:var(--form-text-color)}input[type=submit]{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;margin:auto}input[type=submit]:hover{transform:scale(1.05)}input[type]:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}@media (width>= 800px){textarea,input:not([type=submit]){width:600px;font-size:20px}form{gap:40px}}@media (width>= 1400px){textarea,input:not([type=submit]){width:800px}}._container_1ps3k_1{text-align:center}._container_1ps3k_1 p{font-size:16px;color:var(--footer-text-color)}