: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: #0987f2;--btn-text-color: #ffffff;--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}#jobTitle{color:var(--text-color);margin:0;padding:0;text-transform:uppercase;font-family:Roboto Mono,monospace;font-size:20px;font-weight:700}h3,p{font-family:Roboto Mono,monospace}h1,h2{text-transform:uppercase}h3{font-size:20px}h1,h2{font-family:Rubik,sans-serif;font-size:32px}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px;margin-top:150px}.hover{cursor:pointer}@media (width >= 800px){#root{gap:100px}h1,h2{font-size:40px}#jobTitle,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px;margin-top:150px}@media (width >= 1400px){#root{gap:200px}h1,h2{font-size:48px}.sectionTitle{margin-bottom:75px;margin-top:150px}}}._container_19d7m_1{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;height:100dvh;min-height:500px}._container_19d7m_1 ._hero_19d7m_10{max-width:250px;position:relative;animation:_float_19d7m_1 3s ease-in-out infinite}._container_19d7m_1 span{display:flex;gap:25px;justify-content:center}._container_19d7m_1 span a{margin:0}._container_19d7m_1 span a img{width:30px}._container_19d7m_1 a{text-decoration:none;width:fit-content;align-self:center}._container_19d7m_1 button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:auto;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;display:flex;align-items:center;padding:0 16px}._container_19d7m_1 button img{width:18px;margin-left:4px}._container_19d7m_1 button:hover{transform:scale(1.05)}._container_19d7m_1 button:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._colorModeContainer_19d7m_67{position:relative}._colorMode_19d7m_67{position:absolute;right:35px;width:25px}._colorMode_19d7m_67:hover{cursor:pointer}._description_19d7m_81{max-width:33ch}._info_19d7m_85{display:flex;flex-direction:column;gap:20px}@media (min-width: 800px){._container_19d7m_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._container_19d7m_1 ._hero_19d7m_10{max-width:350px;width:350px}._colorMode_19d7m_67{right:0}}@media (min-width: 1400px){._container_19d7m_1 ._hero_19d7m_10{max-width:400px;width:400px}}@keyframes _float_19d7m_1{0%,to{transform:translateY(10px)}50%{transform:translateY(-10px)}}._socialMediaIcon_19d7m_127{width:30px;transition:transform .25s ease-in-out}._socialMediaIcon_19d7m_127:hover{transform:scale(1.2)}._about_5de3s_1{padding-left:15%;padding-right:15%;display:flex;flex-direction:column;align-items:center;gap:20px}._aboutInfo_5de3s_10{display:flex;flex-direction:column;gap:20px;text-align:center}@media (width >= 800px){._about_5de3s_1{padding-left:21%;padding-right:21%;gap:40px}._aboutInfo_5de3s_10{gap:40px}@media (width >= 1400px){._about_5de3s_1{margin-top:-120px;padding-left:21%;padding-right:21%}}}._container_15iyc_2{display:flex;flex-direction:column;text-align:center}._projectsContainer_15iyc_8{display:flex;flex-direction:column;align-items:center;gap:30px}@media (min-width: 800px){._projectsContainer_15iyc_8{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}}:root{--flipCardBackLight: #dbeeff;--flipCardBackDark: #063e6e;--flipCardFrontLight: #b4dcff;--flipCardFrontDark: #ffffff;--flipCardTextLight: black;--flipCardTextDark: white;--flipCardShadowLight: rgba(0, 0, 0, .3);--flipCardShadowDark: rgba(0, 0, 0, .5);--flipCardButtonColor: #0987f2;--flipCardButtonTextColor: #ffffff}._flipCard_6smuy_14{background:transparent;width:240px;height:340px;perspective:1000px;margin:20px}._flipCardInner_6smuy_22{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;transform:rotateY(0);border-radius:10px;box-shadow:0 10px 20px var(--flipCardShadowLight)}._flipCard_6smuy_14:hover ._flipCardInner_6smuy_22{transform:rotateY(180deg)}._flipCardFront_6smuy_37,._flipCardBack_6smuy_38{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}._flipCardFront_6smuy_37{background:var(--flipCardFrontLight);color:var(--flipCardTextLight);box-shadow:0 10px 20px var(--flipCardShadowLight)}._flipCardBack_6smuy_38{background:var(--flipCardBackLight);color:var(--flipCardTextLight);transform:rotateY(180deg);flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden;box-shadow:0 10px 20px var(--flipCardShadowDark)}._flipCardParagraph_6smuy_67{margin:auto 0;text-align:center}._flipCardButtons_6smuy_72{display:flex;gap:10px;width:100%;justify-content:space-between;margin-top:auto}._flipCardButton_6smuy_72{flex:1;padding:8px 15px;border:none;cursor:pointer;border-radius:15px;font:700 15px Roboto Mono,monospace;text-align:center;background:var(--flipCardButtonColor);color:var(--flipCardButtonTextColor);box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}._flipCardButton_6smuy_72:hover{transform:scale(1.05)}._flipCardButton_6smuy_72:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._flipCardInner_6smuy_22[data-theme=dark] ._flipCardFront_6smuy_37{background:var(--flipCardFrontDark);color:var(--flipCardTextDark);box-shadow:0 10px 20px var(--flipCardShadowDark)}._flipCardInner_6smuy_22[data-theme=dark] ._flipCardBack_6smuy_38{background:var(--flipCardBackDark);color:var(--flipCardTextDark)}._flipCardImage_6smuy_115{height:50%;width:80%;object-fit:contain}._container_1vwop_1{display:flex;flex-direction:column;text-align:center}._container_1vwop_1 span{display:flex;align-items:center;gap:5px}._container_1vwop_1 img{width:20px;margin-left:3px}._skillList_1vwop_18{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_1vwop_18{max-width:fit-content;gap:30px}._skillList_1vwop_18 p{font-size:20px}hr{width:300px}}._container_t2ysb_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=submit]:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}._visuallyHidden_t2ysb_63{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@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_uite4_1{text-align:center}._container_uite4_1 p{font-size:16px;color:var(--footer-text-color)}._progressbar_162pa_1{position:fixed;top:0;right:0;width:10px;height:0;background:linear-gradient(to top,#008aff,#00ffe7);animation:_animate_162pa_1 8s linear infinite}._progressbar_162pa_1:before,._progressbar_162pa_1:after{content:"";position:absolute;top:0;left:0;width:10px;height:100%;background:linear-gradient(to top,#008aff,#00ffe7);filter:blur(10px)}@keyframes _animate_162pa_1{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(360deg)}}::-webkit-scrollbar{width:0}._scrollPath_162pa_37{position:fixed;top:0;right:0;width:10px;height:100%;background:#ffffff0d}