.header{align-items:center;display:flex;flex-direction:row;gap:20px;padding:20px;text-align:left}.header-picture{flex-shrink:0;text-align:center}.header-picture img{border:2px solid #fff;border-radius:50%;width:100px}.header-text{display:flex;flex:1 1;flex-direction:column;justify-content:center}.header-text h1,.header-text h2{line-height:1.5;margin:0;padding:0}.header-text h2{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-link{display:flex;gap:15px}.icon-link a{color:#fff;font-size:1.2rem;transition:transform .2s,color .2s}.icon-link a:hover{color:#add8e6;transform:scale(1.1)}@media (max-width:768px){.header{flex-direction:row;gap:10px}.header-picture img{width:80px}.header-text h2{font-size:.9rem;overflow:visible;text-overflow:clip;white-space:normal}.icon-link a{font-size:1rem}}.about-me{display:flex;flex-direction:column;gap:10px;margin-top:10px}.experience-details{color:grey}.experience-details li{margin:10px}.experience{display:flex;gap:20px;margin-top:10px}.experience-title{display:flex;flex-direction:column;width:70%}.experience-timeframe{color:grey;display:flex;flex-direction:column;text-align:right;width:30%}.toggle-text{cursor:pointer}.desktop-only{display:inline}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:inline}}.skills{display:flex;gap:10px;margin-top:10px;width:100%}.skills-title,.skills-values{display:flex;flex-direction:column}.footer,.skills-values{color:grey}.footer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;gap:20px;text-align:center;text-align:right}.footer a{color:grey}:root{--primary-color:#fff;--secondary-color:grey;--background-color:#00002c}body,html{background-color:#00002c;background-color:var(--background-color);color:#fff;color:var(--primary-color);font-family:Cascadia Mono,monospace,sans-serif;height:100%;line-height:1.5;margin:0;padding:0;width:100%}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#app,.centered{display:flex;flex-direction:column}.centered{align-content:space-around;align-items:stretch;gap:30px;justify-content:center;padding:30px 28vw;z-index:3}@media (max-width:768px){.centered{padding:30px 5vw}}.section{width:100%}.section-title{color:grey;color:var(--secondary-color);font-size:1.1em}.section-text{font-size:.85em}