: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 45px}#root{display:flex;flex-direction:column;gap:45px}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:15px}h1{font-family:Rubik,sans-serif;font-size:24px}p{font-size:12px;font-weight:300}.sectionTitle{margin-bottom:22px}.hover{cursor:pointer}.navbar{display:flex;justify-content:space-between;background-color:var(--background-color);padding:1em}.navbar a{color:var(--text-color);text-decoration:none;transition:color .3s}.navbar a:hover{color:var(--btn-color)}.navbar h1.hover{color:var(--text-color);cursor:pointer;transition:color .2s ease-in-out}.navbar h1.hover:hover,.navbar h1.hover:focus{color:var(--btn-color);outline:none}@media (width >= 800px){#root{gap:75px}h1{font-size:30px}h2,h3{font-size:18px}p{font-size:15px}.sectionTitle{margin-bottom:45px}@media (width >= 1400px){#root{gap:150px}h1{font-size:36px}.sectionTitle{margin-bottom:56px}}}.nav-footer-container{opacity:0;transform:translateY(15px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.nav-footer-container.show{opacity:1;transform:translateY(0)}.dropdown-area{background:#fff;width:100%;display:flex;justify-content:center;margin:0;padding:0}.dropdown-content{width:100%;max-width:750px;padding:0 18px;box-sizing:border-box;margin:0}._container_1l25t_1{display:flex;flex-direction:column;justify-content:center;gap:15px;text-align:center;height:50dvh;min-height:262px}._container_1l25t_1 ._hero_1l25t_12{max-width:150px}._container_1l25t_1 span{display:flex;gap:19px;justify-content:center}._container_1l25t_1 span a{margin:0}._container_1l25t_1 span a img{width:22px}._container_1l25t_1 a{width:fit-content;align-self:center}._container_1l25t_1 button{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:15px;width:94px;height:38px;font-size:15px;font-weight:700;box-shadow:0 3px 3px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}._container_1l25t_1 button:hover{transform:scale(1.05)}._container_1l25t_1 button:active{transform:translateY(1.5px);box-shadow:0 1.5px 1.5px #00000040}._colorModeContainer_1l25t_58{position:relative}._flipContainer_1l25t_62{position:relative;perspective:750px;cursor:pointer;width:150px;height:150px}._flipImage_1l25t_70{position:absolute;top:0;left:0;backface-visibility:hidden;transition:transform .6s ease-in-out,opacity .6s ease-in-out}._showFront_1l25t_78{transform:rotateY(0);opacity:1}._showFront_1l25t_78._peek_1l25t_83{transform:rotateY(30deg)}._showBack_1l25t_87{transform:rotateY(180deg);opacity:0}._showBack_1l25t_87._peek_1l25t_83{transform:rotateY(150deg);opacity:.3}._colorMode_1l25t_58{position:absolute;right:0;width:19px}._colorMode_1l25t_58:hover{cursor:pointer}._description_1l25t_107{max-width:450px;margin:0 auto;text-align:justify}._info_1l25t_113{display:flex;flex-direction:column;gap:15px;align-items:center;text-align:center}@media (min-width: 800px){._container_1l25t_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly;gap:38px}._container_1l25t_1 ._hero_1l25t_12{max-width:262px;width:262px}._flipContainer_1l25t_62{width:262px;height:262px}}@media (min-width: 1400px){._container_1l25t_1 ._hero_1l25t_12{max-width:300px;width:300px}._flipContainer_1l25t_62{width:300px;height:300px}}.explore-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 15px;gap:5px;opacity:0;animation:fadeInHint 1s ease-in-out .5s forwards}.hint-text{font-size:13.5px;color:var(--text-color);opacity:.7;font-style:italic;text-align:center;display:flex;gap:.4em;flex-wrap:wrap;justify-content:center}.wave-word{display:inline-block;animation:wave 2s ease-in-out infinite}.hint-arrow{font-size:24px;color:var(--btn-color);animation:bounce 2s ease-in-out infinite;display:flex;gap:.2em;font-weight:700}@keyframes fadeInHint{0%{opacity:0;transform:translateY(7.5px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7.5px)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width >= 800px){.explore-hint{padding:45px 15px}.hint-text{font-size:16.5px}.hint-arrow{font-size:30px}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}}@media (width >= 1400px){.explore-hint{padding:60px 15px}.hint-text{font-size:18px}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}}.experience-container{width:100%;max-width:750px;margin:0 auto;padding:0 18px 18px;box-sizing:border-box}.experience-subnav{display:flex;gap:15px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.subnav-tab{background-color:transparent;color:var(--text-color);border:1.5px solid var(--btn-color);padding:8px 18px;font-family:Rubik,sans-serif;font-size:12px;font-weight:400;border-radius:19px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px}.subnav-tab:hover{background-color:var(--btn-color);color:var(--btn-text-color);transform:translateY(-1.5px)}.subnav-tab.active{background-color:var(--btn-color);color:var(--btn-text-color)}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:4.5px;background-color:var(--btn-color);border-radius:2px}.timeline-item{position:relative;margin-bottom:30px;display:flex;gap:15px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-22px;top:4px;display:flex;align-items:center;justify-content:center}.timeline-circle{width:12px;height:12px;border-radius:50%;background-color:var(--background-color);border:3px solid var(--btn-color);z-index:1}.timeline-content{flex:1;padding-bottom:15px}.timeline-date{font-size:10.5px;color:var(--btn-color);font-family:Rubik,sans-serif;font-weight:400;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.timeline-title{font-size:15px;color:var(--text-color);margin-bottom:4px;font-weight:600}.timeline-company{font-size:13.5px;color:var(--text-color);font-family:Rubik,sans-serif;font-weight:400;margin-bottom:2px;opacity:.9}.timeline-location{font-size:10.5px;color:var(--form-text-color);margin-bottom:9px;font-style:italic}.timeline-description{font-size:12px;color:var(--text-color);line-height:1.6;margin-bottom:9px}.timeline-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.skill-tag{display:inline-block;padding:3px 9px;background-color:var(--project-card-bg);border:1px solid var(--btn-color);border-radius:12px;font-size:9px;color:var(--text-color);font-weight:500}@media (width >= 800px){.experience-container{padding:30px}.timeline{padding-left:45px}.timeline:before{left:8px;width:6px;border-radius:3px}.timeline-marker{left:-34px}.timeline-circle{width:15px;height:15px;border:3.75px solid var(--btn-color)}.timeline-date{font-size:12px}.timeline-title{font-size:18px}.timeline-company{font-size:15px}.timeline-location{font-size:12px}.timeline-description{font-size:13.5px}.skill-tag{font-size:10.5px;padding:4.5px 10.5px}}@media (width >= 1400px){.timeline-title{font-size:21px}.timeline-company{font-size:16.5px}.timeline-description{font-size:15px}}.writing-projects-container{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;padding:1.5rem 0}.emoji-hover-wrapper{position:relative;display:inline-block}.emoji-hover-title{position:absolute;top:0rem;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;font-size:1.5rem;color:#333;margin:0}.emoji-hover-wrapper:hover .emoji-hover-title{opacity:1}.emoji-hover-wrapper:hover .writing-emoji-link{transform:translateY(2.25rem) scale(1.05)}.writing-emoji-link{font-size:7.5em;display:inline-block;transition:transform .3s ease-in-out}.projects-container{max-width:600px;margin:0 auto;padding:0 15px}.project-item-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.project-item-link:focus{outline:none}.project-item-link:focus .project-item{box-shadow:0 0 0 2px #007bff26}.project-item{display:flex;align-items:center;margin-bottom:15px;padding:15px;border:1px solid #e0e0e0;border-radius:11px;box-shadow:0 1.5px 3.75px #0000001a;background-color:#fff}.emoji-container{flex:0 0 90px;text-align:center}.emoji-link{font-size:4.5em;text-decoration:none;display:inline-block;transition:transform .2s ease-in-out}.emoji-link:hover{transform:scale(1.1)}.text-container{flex:1;padding-left:15px}h3{margin-top:0;color:#333}p{color:#666}.article-container{max-width:600px;margin:0 auto;padding:30px 15px}.markdown-content{color:var(--text-color);line-height:1.8}.markdown-content h1{font-size:27px;margin-bottom:15px;margin-top:30px;border-bottom:1.5px solid var(--btn-color);padding-bottom:7.5px}.markdown-content h2{font-size:21px;margin-bottom:12px;margin-top:24px}.markdown-content h3{font-size:18px;margin-bottom:9px;margin-top:18px}.markdown-content h4{font-size:15px;margin-bottom:7.5px;margin-top:15px}.markdown-content p{margin-bottom:12px;font-size:13.5px}.markdown-content a{color:var(--btn-color);text-decoration:none;border-bottom:1px solid var(--btn-color);transition:opacity .2s}.markdown-content a:hover{opacity:.7}.markdown-content ul,.markdown-content ol{margin-bottom:12px;padding-left:22px}.markdown-content li{margin-bottom:6px}.markdown-content code{background-color:#0000001a;padding:1.5px 4.5px;border-radius:2px;font-family:Roboto Mono,monospace;font-size:.9em}.markdown-content pre{background-color:#0000001a;padding:12px;border-radius:4.5px;overflow-x:auto;margin-bottom:12px}.markdown-content pre code{background-color:transparent;padding:0}.markdown-content blockquote{border-left:3px solid var(--btn-color);padding-left:12px;margin:12px 0;font-style:italic;opacity:.9}.markdown-content img{max-width:100%;height:auto;border-radius:6px;margin:15px 0}.markdown-content table{border-collapse:collapse;width:100%;margin:15px 0}.markdown-content th,.markdown-content td{border:1px solid var(--text-color);padding:9px;text-align:left}.markdown-content th{background-color:var(--btn-color);color:var(--btn-text-color);font-weight:600}.markdown-content hr{border:none;border-top:1.5px solid var(--btn-color);margin:24px 0}@media (width >= 800px){.article-container{padding:45px 30px}.markdown-content h1{font-size:31.5px}.markdown-content h2{font-size:24px}.markdown-content p{font-size:15px}}