:root{--backgroound-color: #fff;--btn-color: #0987f2;--btn-text-color: #fff;--text-colot: #222;--form-text-color: #555;--card-border-color: #eee;--tech-tag-bg: #fff;--tech-tag-border-color: #ddd}[data-theme=dark]{--backgroound-color: #222;--btn-color: #fff;--btn-text-color: #222;--text-colot: #fff;--form-text-color: #fff;--card-border-color: #333;--tech-tag-bg: #222;--tech-tag-border-color: #555}body{background-color:var(--backgroound-color);display:flex;justify-content:center;margin:0 auto}:root{display:flex;flex-direction:column;gap:50px}h1,h2,h3,p{color:var(--text-colot);margin-top:0;padding:0}h2,h3,p,textarea{font-family:Roboto Mono,monospace}h1,h2{text-transform:uppercase}h2,h3{font-size:20px;margin:5px 0}h1{font-family:Rubik,sans-serif;font-size:40px;font-weight:700;margin:5px 0}p{font-size:15px;font-weight:300}h4{font-size:15px;margin:5px 0;font-family:Roboto Mono}.sectionTitle{margin-bottom:20px}.hover{cursor:pointer}@media (width >= 800px){#root{gap:100px}h1{font-size:40px;font-weight:700}h2,h3{font-size:24px}p{font-size:18px}.sectionTitle{margin-bottom:50px}}@media (width >= 1400px){#root{gap:100px}h1{font-size:48px}.sectionTitle{margin-bottom:50px}}._container_2rfq5_3{display:flex;flex-direction:column;justify-content:center;gap:15px;text-align:center;height:100dvh;min-height:500px}._container_2rfq5_3 ._hero_2rfq5_12{max-width:200px;border-radius:100000px}._container_2rfq5_3 span{display:flex;gap:25px;justify-content:center}._container_2rfq5_3 span a{margin:0}._container_2rfq5_3 span a img{width:30px}._container_2rfq5_3 a{width:fit-content;align-self:center}._container_2rfq5_3 button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;margin:10px 0;width:125px;height:50px;font-size:20px;font-weight:700;box-shadow:0 2px 5px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}._container_2rfq5_3 button:hover{transform:scale(1.05);box-shadow:0 4px 10px #00000040}._container_2rfq5_3 button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._container_2rfq5_3 ._colorModeContainer_2rfq5_59{position:relative}._container_2rfq5_3 ._colorMode_2rfq5_59{position:absolute;right:1;width:25px}._container_2rfq5_3 ._colorMode_2rfq5_59:hover{cursor:pointer}._container_2rfq5_3 ._description_2rfq5_73{max-width:24ch;margin:5px auto}._container_2rfq5_3 ._info_2rfq5_78{display:flex;flex-direction:column;gap:5px}@media (width >= 800px){._container_2rfq5_3{flex-direction:row-reverse;align-items:center;justify-content:space-around;gap:50px}._container_2rfq5_3 ._hero_2rfq5_12{max-width:350px;width:350px}}@media (width >= 1400px){._container_2rfq5_3 ._hero_2rfq5_12{max-width:400px;width:400px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--backgroound-color);padding:40px;border-radius:30px;box-shadow:0 0 10px #0003;position:relative}.modal-close-link{position:absolute;top:5px;right:20px;background:none;border:none;font-size:50px;cursor:pointer;color:var(--text-colot)}.containerContact{display:flex;flex-direction:column;text-align:center}form{display:flex;flex-direction:column;gap:30px}textarea,input:not([type=submit]){height:55px;padding-left:16px;width:250px}textarea{padding:16px;resize:none;height:150px}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 2px 5px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;margin:auto}input[type=submit]:hover{transform:scale(1.05);box-shadow:0 4px 10px #00000040}input[type=submit]: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}}.container{display:flex;flex-direction:column;justify-content:center;gap:15px;text-align:center;height:100dvh;min-height:500px}.container img{max-width:250px;align-self:center;background-color:var(--project-card-bg);border-radius:5px}.container a{width:fit-content;text-decoration:none;transition:transform .2s ease-in-out;color:var(--btn-color)}.container a:hover{transform:scale(1.05)}.projectsContainer{display:flex;flex-direction:column;align-items:center;gap:30px}@media (width >= 800px){.projectsContainer{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}}.card{width:320px;border-radius:20px;overflow:hidden;box-shadow:0 2px 5px #00000040;transition:transform .25s ease,box-shadow .25s ease;margin-bottom:120px;border:1px solid var(--card-border-color)}.card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000026}.card:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040;cursor:pointer}.card-image{width:100%;height:180px;overflow:hidden}.card-image img{width:150%;height:100%;object-fit:cover}.card-body{padding:18px}.card-title{font-size:22px;margin:5px 0 15px}.card-description{font-size:14px;line-height:1.4;text-align:left;margin:15px}.card-actions{margin-top:14px}button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:15px;margin:10px;width:130px;height:45px;font-size:16px;font-weight:700;cursor:pointer}a{width:fit-content;align-self:center;cursor:pointer;color:var(--btn-color)}.tech-list{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 0 10px}.tech-tag{background:var(--tech-tag-bg);border:1px solid var(--tech-tag-border-color);padding:4px 8px;border-radius:9px;font-size:12px;align-items:center;color:var(--text-colot);font-family:Roboto Mono,monospace}