@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer components{.font-thin{font-family:Work Sans,sans-serif;font-weight:100}.font-thin-quicksand{font-family:Quicksand,sans-serif;font-weight:300}}:root{--background-color: #ffffff;--btn-color: rgb(77, 76, 76);--btn-text-color: black;--project-card-bg: white;--from-text-color: #555;--footer-text-color: rgb(0, 0, 0);--text-color: #000000}[data-theme=dark]{--background-color: #000000;--btn-color: rgb(34, 34, 34);--btn-text-color: rgb(149, 149, 149);--project-card-bg: white;--from-text-color: #ffffff;--footer-text-color: rgb(255, 255, 255);--text-color: #c7c7c7}body{background-color:var(--background-color);display:flex;justify-content:center;align-items:center;margin:0;min-height:100vh}#root{display:flex;flex-direction:column;gap:60px;margin:-30px 20px 20px;width:100%;max-width:1200px;padding:20px}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;font-weight:350;font-family:Roboto,sans-serif;margin:20px}h2,h3{font-size:20px}h1{font-family:Roboto,sans-serif;font-size:32px;text-transform:uppercase;font-weight:350;margin:20px}p{font-weight:300;font-size:16px}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer}@media (width >= 800px){#root{gap:100px}h1{font-size:20px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:50px}@media (width>=1400px){#root{gap:100px}h1{font-size:20px}.sectionTitle{margin-bottom:75px}}}p{font-size:15px;line-height:1.6;margin-bottom:10px;text-align:justify;font-weight:350;font-family:Roboto,sans-serif}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}._container_fs0vk_16{display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;width:100%;position:relative;padding:20px 0;margin-top:auto}._container_fs0vk_16 div{font-size:14px;line-height:1.5;padding:0;margin:0}._footerAjusent_fs0vk_37{display:flex;justify-content:center;align-items:center;text-align:center}._centerText_fs0vk_45{display:block;text-align:center}._container_nw73f_2{display:flex;flex-direction:column;text-align:center;gap:5px;padding:0 5px}._sectionTitle_nw73f_11{color:#222;font-size:30px;margin-bottom:30px;text-decoration:none;border-bottom:none;box-shadow:none;padding-bottom:0;display:inline-block}a,a:visited,a:active,a:hover{text-decoration:none!important;border:none!important;outline:none!important}._projectsContrainr_nw73f_30{display:grid;grid-template-columns:repeat(3,.2fr);grid-gap:10px;justify-content:center;margin-top:15px;transition:all .5s ease}._projectCard_nw73f_40{position:relative;background-color:var(--project-card-bg);border-radius:25px;box-shadow:0 4px 10px #0000001a;transition:transform .5s ease-in-out,opacity 1s ease;opacity:0;transform:translateY(20px) scale(.9);padding:15px}._projectsContrainr_nw73f_30>a{animation:_fadeInUp_nw73f_1 .8s forwards;opacity:0}@keyframes _fadeInUp_nw73f_1{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}._projectImage_nw73f_70{max-width:100%;width:150px;height:auto}._projectsContrainr_nw73f_30 img{width:50px;height:auto}._projectsContrainr_nw73f_30 a h3,._projectsContrainr_nw73f_30 a h4,._projectsContrainr_nw73f_30 a p{font-size:16px;font-weight:300;color:#5d5d5d;text-align:center;margin:5px 0;font-weight:350;font-family:Roboto,sans-serif}.nav{font-family:Roboto,sans-serif;font-weight:100;text-transform:uppercase;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;gap:2rem;padding:.3rem;width:100vw;position:fixed;top:0;left:0;z-index:1000;flex-wrap:wrap}.site-title{font-size:1.5rem;font-weight:100;text-align:center}.nav ul{padding:0;margin:0;list-style:none;display:flex;gap:2rem;align-items:center;justify-content:center;flex-wrap:wrap}.nav a{color:inherit;text-decoration:none;display:flex;align-items:center;padding:.25rem;font-size:1rem;text-align:center}.nav li.active{background-color:#555}.nav li:hover{background-color:#3f3f3f;border-radius:5px}body{padding-top:5rem}.nav .hamburger{display:block;cursor:pointer;width:30px;height:25px;flex-direction:column;justify-content:space-between;align-items:center}.nav .hamburger div{width:100%;height:4px;background-color:#fff;transition:all .3s}@media (max-width: 600px){.nav{flex-direction:column;gap:1rem;padding:1rem}.nav ul{flex-direction:column;gap:1rem;width:100%;text-align:center;display:none}.nav ul.show{display:flex}.nav a{font-size:1.1rem}.site-title{font-size:1.2rem;margin-bottom:1rem}.nav .hamburger{display:flex}}@media (min-width: 601px){.nav ul{display:flex}.nav .hamburger{display:none}}._container_irb9f_2{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;height:20vh;min-height:500px}._container_irb9f_2 ._hero_irb9f_11{max-width:200px;height:350px;object-fit:contain}._container_irb9f_2 span{display:flex;gap:25px;justify-content:center}._container_irb9f_2 a{margin:0}._container_irb9f_2 a img{width:30px}._container_irb9f_2 a{width:fit-content;align-self:center}._container_irb9f_2 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 case-in-out,transform .2s case-in-out}._container_irb9f_2 button:hover{transform:scale(1.05)}._container_irb9f_2 button:active{transform:translate(2px);box-shadow:0 2px 2px #00000040}._colorModeContainer_irb9f_61{position:relative}._colorMode_irb9f_61{position:static;right:0;width:25px}._colorMode_irb9f_61:hover{cursor:pointer}._description_irb9f_75{max-width:24ch;align-self:center}._info_irb9f_80{display:flex;flex-direction:column;gap:20px}@media (width >= 800px){._container_irb9f_2{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._container_irb9f_2 ._hero_irb9f_11{max-width:350px;width:350px}}@media (width >= 1400px){._container_irb9f_2 ._hero_irb9f_11{max-width:400px;width:400px}}._container_15o8v_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;height:auto;min-height:350px;padding:5px;margin:0}._container_15o8v_1 ._hero_15o8v_13{width:700%;max-width:250px;height:auto;object-fit:contain;min-width:150px;margin:0}._container_15o8v_1 span{display:flex;gap:50px;justify-content:center;align-items:center}._container_15o8v_1 a{align-self:center;width:fit-content}._container_15o8v_1 a img{width:30px}._container_15o8v_1 button:hover{transform:scale(1.05)}._container_15o8v_1 button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._info_15o8v_51{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px}._description_15o8v_60{max-width:60ch;font-size:14px;margin-top:10px;margin-bottom:5px}._h1_15o8v_67{max-width:60ch;font-size:25px;margin-top:5px;margin-bottom:25px;text-align:center}._h2_15o8v_75{max-width:60ch;font-size:17px;text-align:center;margin-top:-10px;margin-bottom:1px}@media (max-width: 600px){._container_15o8v_1{flex-direction:column;padding:10px;gap:5px}._hero_15o8v_13{max-width:150px}._description_15o8v_60{font-size:12px;margin-top:15px}._skillsContainer_15o8v_100{margin-top:10px}._skillList_15o8v_104{justify-content:center;gap:5px;row-gap:5px;max-width:100%}._sectionTitle_15o8v_111{font-size:16px;margin-top:20px;margin-bottom:10px}}@media (min-width: 601px) and (max-width: 800px){._container_15o8v_1{flex-direction:column;align-items:center;justify-content:center}._hero_15o8v_13{max-width:150px}._description_15o8v_60{font-size:13px;margin-top:15px}._skillsContainer_15o8v_100{margin-top:20px}._skillList_15o8v_104{justify-content:center;gap:10px}._sectionTitle_15o8v_111{font-size:18px;margin-top:10px}}@media (min-width: 800px){._container_15o8v_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly;gap:100px;margin-left:250px;margin-right:250px}._hero_15o8v_13{max-width:300px;transform:translate(-50px)}}@media (min-width: 1400px){._container_15o8v_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly;margin-left:250px;margin-right:250px}._hero_15o8v_13{max-width:300px;transform:translate(-50px)}}._skillsContainer_15o8v_100{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;margin-top:-90px;margin-bottom:-70px}._skillsContainer_15o8v_100 span{display:flex;align-items:center}._skillsContainer_15o8v_100 img{width:10px;height:10px}._sectionTitle_15o8v_111{max-width:60ch;align-self:center;font-size:20px;margin-top:40px;margin-bottom:10px}._skillList_15o8v_104{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;row-gap:40px;max-width:100%}._skillList_15o8v_104 p{font-size:12px;font-weight:700;margin:10px}hr{width:50%;max-width:300px;height:.7px;border:none;background-color:#888;margin:0 auto 10px}._videoContainer_yd3pv_1{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:20px}h2{margin-bottom:10px}iframe{width:560px;height:315px;border:none;margin-bottom:20px}@media (min-width: 800px){._videoContainer_yd3pv_1{gap:30px}iframe{width:600px;height:338px}}@media (min-width: 1400px){iframe{width:800px;height:450px}}._container_usalz_1{display:flex;flex-direction:column;text-align:center}form{display:flex;flex-direction:column;gap:10px}textarea,input:not([type=submit]){height:30px;padding-left:10px;width:250px}textarea{padding-top:15px;resize:none;height:250px}input,textarea{border-radius:10px;border:#888 1px solid;box-sizing:border-box;justify-self:center;background-color:var(--background-color);color:#888}::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 #0a0a0a40;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;margin:auto}input[type=submit]:hover{transform:scale(1.05)}input[type=submit]:active{transform:translate(2px);box-shadow:0 2px 2px #00000040}@media (width>= 800px){textarea,input:not([type=submit]){width:600px;font-size:20px}form{gap:20px}}@media (width>= 1400px){textarea,input:not([type=submit]){width:800px}}