*{box-sizing:border-box}:root{--font-color: #272727;--background-color: #ffffff;--resume-background-color: #F8fbf8;--resume-color: #222}[data-theme=dark]{--font-color: #e4e6eb;--background-color: #282828;--link-color: #eee;--resume-background-color: rgb(67, 64, 64);--resume-color: #F8fbf8}body{margin:0;background-color:var(--background-color);color:var(--font-color)!important;overflow-x:hidden;font-family:Inter var,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}a:focus{outline:none}.layout-wrapper{width:100%;height:100%;max-width:750px;margin:25px auto;padding:30px}.footer-wrapper{border:100;border-top:1px solid #e5e5e5;border-bottom:0 solid transparent;box-sizing:content-box;overflow:visible;padding-top:30px;padding-bottom:20px}.footer-links a{text-decoration:none;background-color:transparent;color:var(--font-color);font-weight:500;opacity:1}.footer-links a:hover{opacity:.85}.last-updated{float:right;font-weight:500;font-size:16px;color:var(--font-color)}.last-updated div{color:var(--font-color);display:inline}@media only screen and (max-width: 900px) and (min-width: 0px){.footer-links a{display:block;margin:0}.footer-links .last-updated{display:block;margin:20px 40px 0 0}.footer-wrapper{text-align:center}}.header-wrapper{width:100%;border:100;border-bottom:1px solid #e5e5e5;border-top:0 solid transparent}.header-container{width:100%;line-height:1.6;user-select:none}.header-logo{display:inline-table}.header-logo a{display:table-cell;vertical-align:middle;text-decoration:none}.header-logo-text{font-size:24px;font-weight:650;padding-top:2.5px;letter-spacing:-.03em;color:var(--font-color);margin-left:10px}.header-links{float:right;display:inline-block;margin-top:30px}.header-links a{text-decoration:none;color:var(--font-color);font-weight:500;margin-right:7px;margin-left:7px;outline:0;background-color:transparent;font-size:16px;border-bottom:2px solid #4B5563;opacity:1}.header-links a:hover{opacity:.85}.header-links a.active{border-bottom:none;color:#8b8f94}.header-links a:last-child{margin-right:0}.profile-image{border-radius:50px}.chip{padding:4px 10px;border-radius:4px;font-weight:600;font-size:12px;margin:0 8px;cursor:default;display:inline-block;border:1.5px solid var(--font-color);background:transparent;color:var(--font-color);opacity:.9;transition:all .2s ease}.chip.primary{border-color:#f87561;color:#f87561;background:#f8756114}.chip:hover{opacity:1}.dark-mode-toggle-div{text-align:right;margin-bottom:10px}.theme-toggle{cursor:pointer;font-size:18px;filter:grayscale(100%) brightness(.7);color:#333}.theme-toggle.sun{filter:grayscale(100%) brightness(1.3);color:#666}.theme-toggle.moon{filter:grayscale(100%) brightness(.7);color:#333}@media only screen and (max-width: 900px) and (min-width: 0px){.header-container{line-height:1.6;text-align:center;margin-top:0}.header-logo{display:block;text-align:-webkit-center}.header-logo-icon{font-size:22px}.header-logo-text{font-size:22px;font-weight:700;padding-top:2.5px}.header-links{text-align:center;float:none;font-size:16px;margin-top:0}.header-wrapper{border-bottom:none}.dark-mode-toggle-div{text-align:center;margin-top:15px}.chip{margin:5px 8px 10px}}.archive-container,.post-container{margin-top:30px;margin-bottom:30px}.archive-header{font-size:24px;color:var(--font-color)}.archive-post{padding:10px 20px;font-size:18px}.archive-post a,.post-content a{text-decoration:none;margin:0 10px;color:#ff6046}.archive-post a:hover,.post-content a:hover{color:#e5563f}.post-title{font-size:24px;color:var(--font-color);text-decoration:underline}.post-content img{max-width:100%;margin:7px 0}.post-tag{background-color:var(--font-color);color:#fff}.post-back-btn a{font-size:16px;color:#ff6046;text-decoration:underline;font-weight:700}.post-back-btn{text-align:center}@media only screen and (max-width: 700px) and (min-width: 0px){.archive-post{padding:10px 0}.post-content img{width:100%;height:auto}}.homepage-container{margin-top:30px;margin-bottom:40px;color:var(--font-color);max-width:750px;text-align:justify}.homepage-introduction .introText{font-size:28px;margin-bottom:10px}.homepage-introduction .introDesc{margin-top:10px}.homepage-introduction .introDesc .highlight{border-radius:1px;padding:2px 3px;border:1px solid var(--font-color)}.homepage-introduction .introDesc a{text-decoration:none}.homepage-introduction p{font-size:16px;line-height:1.6}.homepage-introduction .techStack{line-height:1.8;margin-top:8px;text-align:left}.homepage-introduction .techStack .tech-item{display:inline-block;padding:2px 8px;margin:2px 4px 2px 0;border:1px solid var(--font-color);font-size:14px;color:var(--font-color);background:transparent;transition:all .2s ease}.homepage-introduction .techStack .tech-item:hover{background:var(--font-color);color:var(--background-color)}.homepage-introduction a{color:#ff6046!important;font-weight:500}.homepage-introduction a:hover{color:#e5563f!important}.emoji{font-size:30px}@media only screen and (max-width: 700px) and (min-width: 0px){.homepage-container{margin-top:20px}.homepage-introduction h1{font-size:26px;margin-bottom:15px}.homepage-introduction p{font-size:18px;line-height:1.6}.homepage-introduction li{margin-bottom:10px}.homepage-introduction .introText{font-size:24px;text-align:center}.homepage-introduction .techStack .tech-item{font-size:12px;padding:2px 6px;margin:2px 3px 2px 0}.emoji{font-size:24px}}.now-container{margin-top:30px;margin-bottom:30px}.now-container a{color:#ff6046;font-weight:500;text-decoration:none}.now-container a:hover{color:#e5563f}.now-desc{margin-left:30px}.causes-desc+a{margin-left:25px;font-size:20px}@media only screen and (max-width: 700px) and (min-width: 0px){.now-desc{margin:0}.causes-desc+a{margin-left:0;font-size:16px}}.reads-container{margin-top:30px;margin-bottom:30px}.reads-container a{color:#ff6046;font-weight:500;text-decoration:none}.reads-container a:hover{color:#e5563f}.reads-content{margin-left:30px}.reads-intro{font-size:16px;line-height:1.6;margin-bottom:25px;color:var(--font-color)}.reads-content h4{font-size:18px;margin-bottom:15px;margin-top:20px;color:var(--font-color)}.books-list{padding-left:20px;list-style-type:decimal}.book-item{font-size:16px;line-height:1.6;margin-bottom:8px;color:var(--font-color)}.book-item::marker{color:#ff6046;font-weight:600}.book-title{font-weight:500;color:var(--font-color)}.book-separator{color:var(--font-color)}.book-author{color:var(--font-color);opacity:.8}@media only screen and (max-width: 700px) and (min-width: 0px){.reads-content{margin:0}.reads-content h4{font-size:16px}.books-list{padding-left:15px}}@media only screen and (max-width: 500px) and (min-width: 0px){.reads-content h4,.book-item{font-size:15px}}.resume-container{margin-top:40px;margin-bottom:40px;border:1px solid #e5e5e5;border-radius:3px;background-color:var(--resume-background-color);padding:10px 20px;color:var(--resume-color)}.resume-container a{color:#ff6046!important}.resume-header{margin-top:30px;margin-bottom:20px;padding-bottom:3px}.resume-header .name{font-size:30px;line-height:1.6;font-weight:700}.resume-header .email,.resume-header .github,.resume-header .linkedin,.resume-header .website{font-size:18px;color:#00f}.resume-header .city,.resume-header .phone,.resume-header .work-auth,.resume-header .german-level,.resume-header .location{font-size:18px}.work-auth,.german-level,.phone{font-weight:700}.resume-footer{text-align:center}.download-resume{text-align:center;font-weight:700;text-decoration:none}.download-resume:hover{border-bottom:3px solid #ff6046!important}.work-experience,.education,.skills-and-projects,.technical-skills,.projects-achievements,.professional-summary{font-size:18px;border-bottom:1px solid;font-weight:700;padding:5px 0;margin-top:20px}.professional-summary+section p{font-style:italic;line-height:1.5;margin:10px 0}.company-info,.institution-info{margin-bottom:15px}.company-name,.college-name{font-weight:700}.company-timeline,.college-timeline{float:right;font-weight:700}.company-role,.college-role{font-style:italic}.college-sub-role{font-style:italic;font-size:14px;margin-top:5px}.company-city,.college-city{float:right;font-style:italic}.technical-skills+section ul{margin:10px 0}.technical-skills+section ul li{margin:5px 0}.projects-achievements+section ul li{margin:8px 0;line-height:1.4}.projects-achievements+section ul li a{text-decoration:none;font-weight:700}.projects-achievements+section ul li a:hover{text-decoration:underline}@media only screen and (max-width: 700px) and (min-width: 0px){.resume-header .name{font-size:26px;line-height:1.6;font-weight:700}.resume-header .email,.resume-header .github,.resume-header .linkedin,.resume-header .website{font-size:14px;color:#00f}.resume-header .city,.resume-header .phone,.resume-header .work-auth,.resume-header .german-level,.resume-header .location{font-size:14px;padding-right:5px}.download-resume,.work-experience,.education,.skills-and-projects,.technical-skills,.projects-achievements,.professional-summary{font-size:14px}.company-name,.company-timeline,.company-role,.company-city,.college-name,.college-timeline,.college-role,.college-city{font-size:12px;line-height:1.6}.college-role{font-size:10px}section ul li{font-size:12px}.professional-summary+section p{font-size:12px;line-height:1.4}}@media only screen and (max-width: 500px) and (min-width: 0px){.resume-header .work-auth,.resume-header .german-level{font-size:12px;display:block;float:none;margin:2px 0}}@media only screen and (max-width: 400px) and (min-width: 0px){.resume-header .name{font-size:22px}.resume-header .work-auth,.resume-header .german-level,.resume-header .phone,.resume-header .location{font-size:11px}}.work-container{margin-top:30px;margin-bottom:30px}.work-header{font-size:24px;color:var(--font-color)}.work-container a{color:#ff6046;font-weight:500}.work-container a:hover{color:#e5563f}.work-container li{display:flex}.work-project-date{flex:20%;font-size:18px;color:#8b8f94}.work-project-name{flex:30%;font-size:18px}.work-project-description{flex:50%;font-size:18px}.work-projects-list{padding-left:15px}.work-projects-list li{margin:25px 0}@media only screen and (max-width: 700px) and (min-width: 0px){.work-header{font-size:16px;color:var(--font-color)}.work-container li{display:block}.work-project-date{font-size:16px;color:#8b8f94;margin-bottom:10px}.work-project-name,.work-project-description{font-size:16px;margin-bottom:10px}.work-projects-list{padding:0}}