:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1;--primary-color: #c5d0ec;--secondary-color: #53d3d4;--normal-color: #8396bd;scroll-behavior:smooth}body{padding-left:250px;padding-right:250px;margin-top:50px;background:#10172a;background:linear-gradient(90deg,#10172a 51%,#111e42);color:#8396bd}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}.highlight-text{color:var(--primary-color)}.portfolio{display:flex;justify-content:space-between;gap:20px}.column{flex:1;padding:20px;min-width:200px}.nav-bar{margin-top:75px;width:max-content}.nav-bar ul{list-style-type:none;padding-left:0}.nav-bar a{display:flex;color:inherit;text-decoration:inherit}.nav-bar a.active{color:var(--primary-color);border-bottom:2px solid var(--secondary-color)}.nav-bar-item{padding-top:.75rem;padding-bottom:.75rem}.card{max-width:600px;margin-left:auto;margin-right:auto;transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 4px 8px #10172a}.card-header{margin-bottom:12px}.card-date{font-size:14px}.card-body{padding-bottom:12px}.card-title{text-decoration:none;color:var(--primary-color);font-size:18px;font-weight:700}.card:hover{cursor:pointer;box-shadow:0 8px 16px #17254a;transform:translateY(-4px)}.card:hover .card-title{color:var(--secondary-color)}.card-description{font-size:14px;margin-top:8px}.card-technologies{list-style-type:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap}.technology-item{background-color:#1c3555;color:var(--secondary-color);padding:6px 12px;border-radius:12px;font-size:12px;margin-right:8px;margin-bottom:8px}.social{margin-top:300px;display:flex;flex-direction:row;gap:20px}.social svg{height:25px;width:25px}.social svg:hover{color:var(--primary-color);cursor:pointer}.left-column{position:sticky;top:0;width:250px;height:100vh;padding-top:50px}.right-column{padding-top:50px}.about{margin-bottom:50px}p{line-height:1.5;margin-bottom:1em}.work-expirience,.projects{margin-bottom:100px}.techstack{margin-bottom:50px}.view-resume-button{display:inline-flex;align-items:baseline;font-family:Arial,sans-serif;font-weight:600;font-size:1rem;color:#cbd5e1;text-decoration:none;transition:color .3s;margin-top:50px}.view-resume-icon{display:inline-block;height:1rem;width:1rem;margin-left:.25rem;transition:transform .3s;transform:translateY(3px)}.view-resume-button:hover .view-resume-icon,.view-resume-button:focus .view-resume-icon{transform:translate(.25rem) translateY(-.25rem)}.view-resume-button:hover{outline:none;color:#2dd4bf}.impressum-button-container{display:flex;justify-content:flex-end;margin-bottom:25px}.impressum-button{color:inherit;text-decoration:none;width:max-content}.impressum-button:hover{color:var(--primary-color)}.back-button-container{display:flex;justify-content:start;margin-bottom:3rem}.back-button{display:flex;align-items:center;padding:.5rem 2.5rem;border:2px solid var(--secondary-color);border-radius:1.5rem;background:none;text-decoration:none;color:inherit;font-size:1.125rem;font-weight:600}.back-button:hover{color:var(--primary-color)}.arrow-icon{width:24px;height:21px}.mouse-highlight{position:fixed;top:0;left:0;width:300px;height:300px;border-radius:50%;pointer-events:none;mix-blend-mode:overlay;z-index:10;transition:background-color .1s ease-out}@media (max-width: 768px){body{padding-top:10px;padding-left:20px;padding-right:20px}.portfolio{flex-direction:column}.social{margin-top:50px}.left-column{position:static;width:100%;height:auto}.hide-on-mobile{display:none}}