@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Press+Start+2P&display=swap";.fira-code{font-family:Fira Code,monospace;font-optical-sizing:auto;font-weight:300;font-style:normal}.press-start-2p-regular{font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal}*{margin:0;box-sizing:border-box;padding:0;list-style-type:none;text-decoration:none}body{background-color:#000;color:#976006}.start-screen{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem}.content-wrapper{width:600px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:start;min-height:calc(100vh - 200px);overflow-x:hidden}.center-img{position:relative}.bg-start-img{width:800px}.bg-light-img{width:800px;filter:brightness(140%) contrast(110%)}.lightbulb-select{position:absolute;width:45px;height:42px;height:45px;border-radius:50%;top:93px;left:377px;z-index:3;cursor:pointer}.select-area{position:absolute;top:188px;left:310px;width:174px;height:124px;overflow:hidden;border-radius:6px;cursor:pointer;z-index:2}.fill-black{position:absolute;top:188px;left:310px;width:174px;height:124px;border-radius:6px;background-color:#000;display:flex;justify-content:center;align-items:center}.start-text{font-family:"Press Start 2P",system-ui;color:#fff;background:#232323;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #49ff18,0 0 30px #49ff18,0 0 40px #49ff18,0 0 55px #49ff18,0 0 75px #49ff18}.mein-bild{width:220px;position:absolute;top:-40px;left:-25px;opacity:0;filter:brightness(.2) blur(8px) saturate(50%);transform:scaleY(.1) scaleX(1.2);transition:opacity .3s cubic-bezier(.4,2,.6,1) .1s,filter .3s cubic-bezier(.4,2,.6,1) .1s,transform .25s cubic-bezier(.4,2,.6,1) .1s;pointer-events:none}.mein-bild.monitor-on{opacity:1;filter:brightness(1) blur(0) saturate(50%);transform:scaleY(1) scaleX(1);transition:opacity .2s,filter .2s,transform .2s;pointer-events:auto}.tracking-in-expand{font-size:4rem;font-weight:200;font-family:Fira Code,monospace;-webkit-animation:tracking-in-expand 5s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-expand 5s cubic-bezier(.215,.61,.355,1) both}.job-title{font-size:2rem;color:#6a4305;font-weight:400}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}.nav-button{font-family:Fira Code,monospace;color:#976006;font-size:1rem;border:1px #976006 solid;border-radius:5px;background-color:#000;padding:.5rem 1rem;opacity:0;transition:opacity 1.5s ease;pointer-events:none}.fade-in{opacity:1;pointer-events:auto;cursor:pointer}.hidden{opacity:0;pointer-events:none}.right-aside{border-radius:5px;font-family:Fira Code,monospace;color:#976006;font-size:.9rem;width:350px;height:580px;border:1px #976006 solid;position:absolute;right:5%;top:10rem;background-color:#000;z-index:4;padding:1rem;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;align-items:start;transition:opacity 1.3s ease}.left-aside{border-radius:5px;font-family:Fira Code,monospace;color:#976006;font-size:.9rem;width:350px;height:580px;border:1px #976006 solid;position:absolute;left:5%;top:10rem;background-color:#000;z-index:4;padding:1rem;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;align-items:start;transition:opacity 1.3s ease}.outer{transition:opacity 1.3s ease}.outer-rim-coll{height:0px;opacity:0;overflow:hidden}.outer-rim-fade{opacity:0;height:100vh}h4{margin:.5rem 0}pre{margin-top:1rem}code{color:#ec76cd}.code-block a{color:#7debfa;text-decoration:none}.code-block a:hover{text-decoration:underline}.const-span{color:#bababa}.exp{align-self:center;margin-top:1rem}.fade-in-about{opacity:1;height:580px}.hidden-about{opacity:0;height:0}.fade-out-about{opacity:0;height:580px}.projects-list{font-size:.7rem}.projects-list a{color:#7debfa;text-decoration:none;font-size:.6rem}h5{font-size:.9rem;font-weight:300;text-decoration:underline;color:#e49d29}.double-buttons{display:flex;justify-content:center;align-items:center;gap:1rem}.imprint-link-container{position:fixed;bottom:10px;right:15px;z-index:1000}.imprint-link{font-size:.7rem;color:#666;text-decoration:none;opacity:.7;transition:opacity .3s ease}.imprint-link:hover{opacity:1;text-decoration:underline}.imprint-page{min-height:100vh;padding:2rem;background-color:var(--background-color, #000);color:var(--text-color, #b0b0b0);display:flex;justify-content:center;align-items:center}.imprint-content{max-width:600px;width:100%}.imprint-content h1{margin-bottom:2rem;text-align:center}.imprint-content h3{font-size:.9rem;margin-top:1.5rem;margin-bottom:.5rem;color:var(--accent-color, #a47221)}.imprint-content p{margin-bottom:1rem;line-height:1.6;font-size:.8rem}.back-button{margin-top:2rem;display:block;margin-left:auto;margin-right:auto}@media (max-width: 800px){.tracking-in-expand{font-size:2.8rem;margin-top:2rem}.job-title{font-size:1.5rem;margin-bottom:3rem}.left-aside{position:relative;justify-content:center;gap:1rem;left:0;top:0;margin-top:3rem}.right-aside{position:relative;justify-content:center;gap:1rem;right:0;top:0;margin-top:3rem}.outer-rim{opacity:1;padding:1rem 0rem;height:100vh}.content-wrapper{width:100vw}.bg-start-img,.bg-light-img{width:500px}.lightbulb-select{width:30px;height:30px;top:58px;left:236px}.mein-bild{width:160px;top:-35px}.select-area,.fill-black{top:120px;left:194px;width:109px;height:76px}.start-text{font-size:.7rem}.imprint-page{padding:1rem}.imprint-link-container{bottom:15px;right:10px}}