: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;--project-card-bg2: "#ffffb3"}[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 25px;padding:20px 50px}#root{display:flex;flex-direction:column;gap:60px;font-family:Roboto Mono,"monospace"}h1,h2,h3,p{color:var(--text-color);margin:0;padding:0}h1{font-family:Rubik,"sans-serif";font-size:32px}h2,h3,p,input,textarea,button{font-family:Roboto Mono,"monospace"}h1,h2{text-transform:uppercase}h2,h3{font-size:20px}p{font-size:18px;font-weight:300}.sectionTitle{margin-bottom:30px}.hover{cursor:pointer;background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:125px;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}.hover:hover{transform:scale(1.05)}.hover:active{transform:translateY(5px)}@media (width >= 800px){h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:40px}#contact .sectionTitle{margin-top:15px}#skills .sectionTitle{margin-bottom:25px;margin-top:18px}form .formGroup textarea{font-size:20px}form .formGroup input:not([type=submit]){font-size:20px}}@media (width >= 1400px){#root{gap:80px}h1{font-size:48px}.sectionTitle{margin-bottom:45px}}._container_7p8cj_1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;height:100vh;min-height:500px}._bottomContainer_7p8cj_12{display:flex;align-items:center;justify-content:space-evenly;width:100%}._bottomContainer_7p8cj_12 ._contactInfo_7p8cj_18{display:flex;align-items:center;justify-content:space-evenly;gap:20px;width:80%;border:#222 1px solid;padding:10px 15px;border-radius:20px}._bottomContainer_7p8cj_12 ._contactInfo_7p8cj_18 span{display:flex;align-items:center;justify-content:center;gap:7px}._bottomContainer_7p8cj_12 ._contactInfo_7p8cj_18 ._phone_7p8cj_39 img,._bottomContainer_7p8cj_12 ._contactInfo_7p8cj_18 ._email_7p8cj_40 img{width:22px;height:22px}._emaiInfo_7p8cj_46 a{color:#222}[data-theme=dark] ._emaiInfo_7p8cj_46 a{color:#fff}[data-theme=dark] ._bottomContainer_7p8cj_12 ._contactInfo_7p8cj_18{border:#fff 1px solid}._topContainer_7p8cj_62{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}._topContainer_7p8cj_62 ._hero_7p8cj_70{border-radius:50%;width:375px;max-width:375px;height:375px;max-height:375px}._topContainer_7p8cj_62 span{display:flex;justify-content:center;gap:25px}._topContainer_7p8cj_62 span a{margin:0}._topContainer_7p8cj_62 span a img{width:40px}._topContainer_7p8cj_62 a{width:fit-content;align-self:center}._topContainer_7p8cj_62 button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:125px;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}._topContainer_7p8cj_62 button:hover{transform:scale(1.05)}._topContainer_7p8cj_62 button:active{transform:translateY(2px)}._coloModeContainer_7p8cj_121{position:relative}._colorMode_7p8cj_125{position:absolute;right:-10px;top:-8px;width:25px}._colorMode_7p8cj_125:hover{cursor:pointer}._description_7p8cj_136{max-width:30ch;align-self:center}._info_7p8cj_141{display:flex;justify-content:center;flex-direction:column;gap:25px}@media (width <= 550px){._contactInfo_7p8cj_18{flex-direction:column}._bottomContainer_7p8cj_12 ._contactInfo_7p8cj_18{gap:8px;padding-top:12px;padding-bottom:12px}}@media (width <= 600px){._bottomContainer_7p8cj_12 ._contactInfo_7p8cj_18{margin-left:15px;margin-right:15px}}@media only screen and (min-width: 501px) and (max-width: 799px){._bottomContainer_7p8cj_12 ._contactInfo_7p8cj_18{gap:5px}}@media (width <= 992px){._topContainer_7p8cj_62 ._hero_7p8cj_70{width:300px;max-width:300px;height:300px;max-height:300px}}@media (width <= 800px){._topContainer_7p8cj_62 ._hero_7p8cj_70{width:200px;max-width:200px;height:200px;max-height:200px}}@media (width >= 800px){._topContainer_7p8cj_62{flex-direction:row-reverse;align-items:center;justify-content:space-evenly;max-height:100vh;gap:50px}}@media (width >= 1400px){._topContainer_7p8cj_62{gap:75px}._topContainer_7p8cj_62 ._hero_7p8cj_70{width:375px;max-width:375px}}._container_vo1vc_1{display:flex;flex-direction:column;text-align:center}._container_vo1vc_1 img{background-color:var(--project-card-bg);border-radius:20px;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}._container_vo1vc_1 a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:fit-content;text-decoration:none;color:#222;transition:transform .2s ease-in-out}._container_vo1vc_1 a:hover{transform:scale(1.05)}[data-theme=dark] ._container_vo1vc_1 ._img_vo1vc_35{border:none}._card_vo1vc_42{width:250px;height:250px;align-self:center;background-color:var(--project-card-bg);border-radius:20px;border:#888 1px solid;box-shadow:3px 3px 3px #0003;margin-bottom:5px;padding:20px;box-sizing:border-box}._projectContainer_vo1vc_55{display:flex;flex-direction:column;align-items:center;gap:50px}@media (width >= 500px){._projectContainer_vo1vc_55{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}}@media (width >= 800px){._projectContainer_vo1vc_55{row-gap:50px}}._container_1mldo_1{display:flex;flex-direction:column;text-align:center;align-items:center}._skillsContainer_1mldo_8{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:40px;line-height:2;padding-left:15px;padding-right:15px;max-width:30ch}hr{width:100%;max-width:15rem;margin:15px 0}span{display:flex;align-items:center;gap:4px}._skillsContainer_1mldo_8 img{width:20px;height:20px}@media (width >= 500px){hr{max-width:20rem}._skillsContainer_1mldo_8{max-width:50ch}}@media (width >= 600px){hr{max-width:25rem}._skillsContainer_1mldo_8{max-width:60ch}}@media (width >= 800px){._skillsContainer_1mldo_8{max-width:70ch;gap:30px}p{font-size:20px}hr{max-width:30rem;margin:20px 0}}@media (width >= 1200px){._skillsContainer_1mldo_8{max-width:85ch;row-gap:0}}._container_5cjat_1{display:flex;flex-direction:column;align-items:center;text-align:center}form{display:flex;flex-direction:column;align-items:center;gap:30px}textarea,input:not([type=submit]){height:50px;width:280px;padding-left:15px;padding-right:10px;font-size:18px}input[type=submit]{width:125px;height:50px}textarea{padding:15px 16px;resize:none;height:250px}input,textarea{border:#888 1px solid;border-radius:20px;box-sizing:border-box;justify-self:center;background-color:var(--background-color);color:var(--form-text-color);font-family:Roboto Mono,"monospace"}::placeholder{color:var(--form-text-color)}._contactInfo_5cjat_50{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;max-width:260px;height:70px;margin-left:10px;flex-direction:column;background-color:#222;transform:skew(-10deg);margin-bottom:30px}._contactInfo_5cjat_50 span{display:flex;align-items:center;justify-content:center;gap:7px}._contactInfo_5cjat_50 span p{font-size:16px}._contactInfo_5cjat_50 ._phone_5cjat_76 img,._contactInfo_5cjat_50 ._email_5cjat_76 img{width:22px;height:22px}._contactInfo_5cjat_50 ._emaiInfo_5cjat_81 a,._contactInfo_5cjat_50 p{color:#fff;text-align:center;font-weight:800}[data-theme=dark] ._contactInfo_5cjat_50 ._emaiInfo_5cjat_81 a,[data-theme=dark] ._contactInfo_5cjat_50 p{color:#222}[data-theme=dark] ._contactInfo_5cjat_50{background-color:#fff}@media (width >= 450px){textarea,input:not([type=submit]){width:400px}._contactInfo_5cjat_50{max-width:350px;margin-left:25px;transform:skew(-20deg)}._contactInfo_5cjat_50 span p{font-size:18px}}@media (width >= 600px){textarea,input:not([type=submit]){width:450px;font-size:18px}}@media (width >= 800px){textarea,input:not([type=submit]){width:600px;font-size:20px}input:not([type=submit]){height:60px}form{gap:40px}._contactInfo_5cjat_50{max-width:520px;gap:10px;height:50px;flex-direction:row;justify-content:space-evenly}}@media (width >= 1400px){textarea,input:not([type=submit]){width:800px}}._container_1gwxz_1{text-align:center}._container_1gwxz_1 p{color:var(--footer-text-color);margin-top:20px}