header{position:sticky;top:0;left:0;padding:10px;justify-content:space-between;height:40px;overflow:hidden;overflow-x:auto;z-index:100;font-size:clamp(.7rem,.5rem + 1vw,1.1rem);background-image:linear-gradient(to bottom,var(--b),transparent)}@media (max-width: 400px){header{background-color:var(--b-l);box-shadow:0 0 10px 5px var(--b-l)}a[href="#/"]{font-size:14px}}@media (max-width: 370px){a[href="#/"]{font-size:10px}}@media (max-width: 330px){a[href="#/"]{font-size:6px}}section{width:calc(100% - 40px);padding:20px;min-height:200px;justify-content:center;flex-direction:column;gap:10px}.bg-image{background-image:linear-gradient(to bottom,var(--b),transparent),linear-gradient(to bottom,transparent,var(--b)),url(https://manuelwestermeier.github.io/bg.jpg)}.home{min-height:calc(100dvh - 60px)}@keyframes text-fade-in{0%{opacity:0;background-color:var(--a)}}footer{margin:150px auto;padding:20px;max-width:min(800px,80dvw);box-shadow:0 0 20px -5px var(--a);min-height:200px}.col{flex-direction:column}.gap{gap:10px}.center{justify-content:center}.projects{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:auto;width:calc(100% - 40px);max-width:999px}.project{box-shadow:0 0 30px -10px var(--a);border-radius:5px;padding:10px;aspect-ratio:1 / 1;overflow:auto;transition:all .3s ease-in-out;background-image:linear-gradient(to bottom right,var(--b),var(--b-light))}.project:hover{box-shadow:0 0 50px -5px var(--a)}.project>h2{cursor:pointer}.project img{width:100%;max-height:300px;border-radius:5px;object-fit:contain}.project img.max{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:var(--b);z-index:10000;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center}:root{--b: rgb(11, 14, 20);--b-l: rgba(11, 14, 20, .8);--b-light: rgb(19, 29, 41);--c: rgb(233, 238, 238);--a: dodgerblue}*{margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url("https://manuelwestermeier.github.io/output-onlinepngtools (1).png"),auto!important}html{background-color:var(--b);font-size:clamp(1rem,.5rem + 1vw,1.2rem);color:var(--c)}:focus{outline:none;border:none;text-shadow:0 0 10px var(--a)}.text-shaddow{text-shadow:0 0 10px var(--a)}.flex{display:flex;align-items:center}a{text-shadow:0 0 10px var(--a);color:var(--c);text-decoration:none;position:relative}a:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;border:2px;background-color:var(--a);transform:scale(0);transition:all .4s ease-in-out}a:hover:after{transform:scale(1)}button{background-color:var(--a);padding:10px;border-radius:10px;border:none;cursor:pointer;margin:5px;transition:all .3s ease-in-out}button:active{transform:scale(.9)}svg{fill:var(--c)}.trigger-btn{animation:trigger-btn-anim 1s infinite ease-in-out}@keyframes trigger-btn-anim{50%{transform:translateY(10px) rotate(20deg) rotateY(-10deg) rotateX(-20deg) scale(2)}}tr>td:nth-child(2){padding-left:10px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--a);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--c)}.fadeIn{animation:.8s fadeIn forwards}.fadeOut{animation:.8s fadeOut forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{transform:translate(-50px);opacity:0}}canvas{opacity:.8}