html{scroll-behavior:smooth}body{background-color:#000;color:#fff;font-family:Poly Sans,sans-serif;font-size:1em;margin:0;overflow-x:hidden}h1{color:#7edbdb;font-size:3em}h2{font-size:1.5em}p{font-size:1.1em}a,a:link{color:#fff}a,a:active,a:hover,a:link,a:visited{text-decoration:none}a:visited{color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border:2px solid #7edbdb;border-radius:15px}::-webkit-scrollbar-thumb:hover{background:rgba(126,219,219,.093)}.titel-about-me{background-color:#000000bf;border-radius:15px;box-shadow:0 5px 10px #7edbdb;margin:18% 10% 15%;padding:10px;h1,p{margin:0}p{padding:10px 10px 10px 0;width:100%}}@media screen and (min-width:768px){.titel-about-me{width:50%}}.aboutme-list{border-bottom:1px solid #fff;display:flex;gap:20px;justify-content:center;margin:0 10%;width:80%}@media screen and (max-width:768px){.aboutme-list{flex-direction:column}}.list-element{border-radius:15px;box-shadow:0 5px 10px #7edbdb;display:inline-block;margin-bottom:30px;padding:15px}.popular-projects{margin:10%;width:80%}.popular-projects-titel{margin-bottom:50px;text-align:center}.popular-projects-list{justify-content:center;ul{display:flex;gap:20px;justify-content:center;list-style:none;margin:0 auto;padding-left:0}}@media screen and (max-width:768px){.popular-projects-list ul{flex-direction:column}}.popular-project-element{height:fit-content;position:relative;img{border-radius:25px;box-shadow:0 5px 10px #7edbdb;overflow:hidden;width:100%}.element-text{position:absolute;text-align:center;text-transform:inherit;top:5%;width:100%;z-index:10}}.popular-project-element:hover{transform:scale(1.05)}.main-content{align-items:center;display:flex;flex:1 1;justify-content:stretch;overflow:hidden;position:relative;text-shadow:0 0 10px #000000b3}@media screen and (max-width:768px){.main-content{flex-direction:column-reverse}}.additional-content{margin:50px 10%}.highlighted-project{background-color:#000000bf;border-radius:15px;box-shadow:0 5px 10px #7edbdb;margin:0 10%;padding:10px;width:40%;z-index:1;h1,p{margin:0}p{padding-top:10px;width:100%}}@media screen and (max-width:768px){.highlighted-project{margin-bottom:10px;width:85%}}.highlighted-project-info{a{color:#7edbdb}}.project-scroll-list{-ms-overflow-style:none;border-radius:15px;height:80vh;overflow-x:hidden;overflow-y:auto;position:relative;right:-5%;top:10%;width:330px}@media screen and (max-width:768px){.project-scroll-list{display:flex;height:auto;margin:30px 0;overflow-x:auto;overflow-y:hidden;position:static;right:0;top:0;white-space:nowrap;width:100%}}.project-scroll-list::-webkit-scrollbar{width:8px}.project-scroll-list::-webkit-scrollbar-thumb{border:2px solid #7edbdb;border-radius:15px}.project-scroll-list::-webkit-scrollbar-thumb:hover{background:rgba(126,219,219,.093)}@media screen and (max-width:768px){.project-scroll-list::-webkit-scrollbar{height:8px}.project-scroll-list::-webkit-scrollbar-thumb{background:#7edbdb80}}.project-scroll-element{background-color:#000000bf;border:1px solid #7edbdb;border-radius:15px;box-shadow:0 5px 10px #7edbdb;cursor:pointer;height:75px;margin:10px;padding:20px;transition:all .3s;width:250px}@media screen and (max-width:768px){.project-scroll-element{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:10px;white-space:normal;width:150px;h2{margin:0;text-align:center}}}.project-scroll-element:hover{background:rgba(126,219,219,.137)}.content-block{align-items:center;display:flex;margin-bottom:30px}.content-block.reverse{flex-direction:row-reverse}@media screen and (max-width:768px){.content-block,.content-block.reverse{flex-direction:column}}.content-img{border-radius:15px;box-shadow:0 5px 10px #7edbdb;height:200px;object-fit:cover;width:300px}.content-text{padding:20px}@media screen and (min-width:768px){.content-text{width:60%}}.content-text h2{color:#7edbdb;margin-bottom:10px;a{color:#7edbdb}}.content-text p,.content-text ul{color:#fff}.content-text ul{list-style-type:none;padding:0}.content-text li{margin-bottom:5px}.current-projects{margin:10%;width:80%}.current-projects-titel{margin-bottom:50px;text-align:center}.current-projects-list{justify-content:center;ul{display:flex;gap:20px;justify-content:center;list-style:none;margin:0 auto;padding-left:0;width:fit-content}}@media screen and (max-width:768px){.current-projects-list ul{flex-direction:column}}.current-project-element{height:fit-content;position:relative;img{border-radius:25px;box-shadow:0 5px 10px #7edbdb;overflow:hidden;width:100%}.element-text{position:absolute;text-align:center;text-transform:inherit;top:5%;width:100%;z-index:10}}.current-project-element:hover{transform:scale(1.05)}.gallery{display:flex;flex-wrap:wrap;justify-content:center;margin:50px 10%}.gallery-item{border-radius:15px;box-shadow:0 5px 10px #7edbdb;margin:15px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.gallery-item:hover{box-shadow:0 10px 20px #7edbdb;transform:scale(1.05)}.gallery-img{border-radius:15px;height:200px;object-fit:cover;width:300px}.gallery-info{background-color:#000000b3;border-radius:0 0 15px 15px;bottom:0;color:#fff;left:0;opacity:0;padding:10px;position:absolute;text-align:center;transition:opacity .3s;width:100%}.gallery-item:hover .gallery-info{opacity:1}.gallery-info h3{color:#7edbdb;margin:0}.gallery-info p{margin:5px 0 0}.container{align-items:flex-start;display:flex;justify-content:space-between;margin:0 30px}@media screen and (max-width:768px){.container{flex-direction:column}}.left-column,.right-column{width:48%}@media screen and (min-width:768px){.left-column,.right-column{display:grid}}@media screen and (max-width:768px){.left-column,.right-column{margin-bottom:20px;width:100%}}.vertical-list{grid-gap:20px;display:grid;gap:20px;justify-content:center;h1{margin-bottom:0}}.download-resume{margin-top:130px}.download-button{background-color:#414a41;border-radius:5px;box-shadow:0 4px 8px #7edbdb;color:#7edbdb;display:inline-block;font-size:18px;padding:20px 40px;transition:background-color .3s ease}.download-button:hover{background-color:#7edbdb;color:#414a41}.download-button:active{transform:scale(.98)}.vertical-list-element{border-radius:15px;box-shadow:0 5px 10px #7edbdb;display:inline-block;margin-bottom:10px;padding:8px}table{border-collapse:collapse;width:100%}thead th{border-bottom:1px solid #fff}tbody td,thead th{padding:10px}.highlight{color:#7edbdb;font-weight:700}td,th{text-align:left}.job-container{background-color:#1e1e1e;border-radius:10px;box-shadow:0 5px 10px #7edbdb;padding:20px;width:600px;h1{margin:0}}@media screen and (max-width:768px){.job-container{width:100%}}.company{color:#ccc;font-style:italic}.content{display:flex;justify-content:space-between}@media screen and (max-width:768px){.content{flex-direction:column}.details{width:100%}}.details{width:45%;h3{font-size:18px;margin-bottom:10px}ul{list-style-type:none;padding:0;li{margin-bottom:8px;margin-left:8px}li:before{color:#7edbdb;content:"•";display:inline-block;font-weight:700;margin-left:-1em;width:1em}}}header div{border-bottom:1px solid #fff;color:#fff;display:flex;justify-content:space-between;list-style:none;margin:0 10%;padding-bottom:10px;padding-top:15px;nav{display:flex;font-size:1.3em;gap:20px}}@media screen and (max-width:768px){nav{align-items:center;flex-direction:column}nav li{margin-bottom:10px}}.backgroundimage{position:absolute;top:-150px;width:100%;z-index:-1;img{width:100vw}}.backgroundimage:after{background:linear-gradient(180deg,#0000 50%,#000);content:"";height:100%;left:0;-webkit-mask-image:linear-gradient(linear,#0000 50%,#000);mask-image:linear-gradient(linear,#0000 50%,#000);-webkit-mask-size:cover;mask-size:cover;pointer-events:none;position:absolute;top:0;width:100%}footer{display:flex;font-size:1.3em;justify-content:center;margin:30px 0;ul{border-bottom:1px solid #000;margin-bottom:0;padding-left:0;width:fit-content;li{display:inline-block;list-style:none;padding:8px}}}.gameList{display:flex;flex-wrap:wrap;justify-content:center;margin:50px 10%}.game-item{border-radius:15px;box-shadow:0 5px 10px #7edbdb;margin:15px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.game-item:hover{box-shadow:0 10px 20px #7edbdb;transform:scale(1.05)}.game-img{border-radius:15px;height:200px;object-fit:cover;width:300px}.game-info{background-color:#000000b3;border-radius:0 0 15px 15px;bottom:0;color:#fff;left:0;opacity:0;padding:10px;position:absolute;text-align:center;transition:opacity .3s;width:100%}.game-item:hover .game-info{opacity:1}.game-info h3{color:#7edbdb;margin:0}.game-info p{margin:5px 0 0}.disabled{cursor:not-allowed;opacity:.6;position:relative}.game-disabled{pointer-events:none;position:relative}.notMobile{background:#f00c;border-radius:5px;bottom:8px;color:#fff;font-size:.75rem;left:8px;padding:5px 10px;position:absolute}.canvas{overflow:hidden}.accent{color:#7edbdb}.menu{background-color:#000c;height:100vh;justify-content:center;left:0;top:0;width:100vw}.menu,.overlay-menu{align-items:center;background-color:#000000bf;border-radius:15px;box-shadow:0 5px 10px #7edbdb;color:#fff;display:flex;flex-direction:column;position:absolute;z-index:10}.overlay-menu{box-sizing:border-box;justify-content:flex-start;left:1vw;max-height:60vh;overflow:auto;padding:10px;top:10vw;width:24vw;p{margin:0}}.overlay-menu button{background-color:#414a41;border-radius:5px;color:#7edbdb;display:inline-block;font-size:18px;padding:10px 20px;transition:background-color .3s ease}.overlay-menu button:hover{background-color:#7edbdb;color:#414a41}.overlay-menu button:active{transform:scale(.98)}.menu button{background-color:#414a41;border-radius:5px;color:#7edbdb;display:inline-block;font-size:18px;padding:20px 40px;transition:background-color .3s ease}.menu button:hover{background-color:#7edbdb;color:#414a41}.menu button:active{transform:scale(.98)}.difficulty{display:flex}.info-overlay{background-color:#000000bf;border-radius:15px;box-shadow:0 5px 10px #7edbdb;color:#fff;height:auto;left:30vw;padding:30px;position:absolute;text-align:center;top:10vh;width:35vw;z-index:15}.close-button{background:none;border:none;color:#7edbdb;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.close-button:hover{color:#fff}.info-button{background:none;border:none;color:#7edbdb;cursor:pointer;font-size:26px;position:absolute;right:20px;top:15px;z-index:11}.info-button:hover{color:#fff}:root{--cell-size:min(12vw,60px);--disc-size:calc(var(--cell-size) - 14px)}.wrapper{align-items:flex-start;display:flex;gap:24px;justify-content:center;margin:40px auto 0;max-width:1000px;min-height:100vh;padding:0;width:100%}.game-panel{background:#1f2937;border-radius:16px;box-shadow:0 20px 40px #0006;padding:20px}h1{font-size:24px;margin-bottom:8px;margin-top:0}.sub{color:#9ca3af;font-size:13px;margin:0 0 16px}.board{grid-gap:4px;background:#020617;border:3px solid #1d4ed8;border-radius:16px;display:grid;gap:4px;grid-template-columns:repeat(7,min(12vw,60px));grid-template-columns:repeat(7,var(--cell-size));grid-template-rows:repeat(6,min(12vw,60px));grid-template-rows:repeat(6,var(--cell-size));margin:0 auto;padding:8px}.cell{align-items:center;background:radial-gradient(circle at 30% 30%,#1f2937,#020617);border-radius:50%;display:flex;height:min(12vw,60px);height:var(--cell-size);justify-content:center;transition:transform .12s ease-out,box-shadow .12s ease-out;width:min(12vw,60px);width:var(--cell-size)}.cell:hover{box-shadow:0 6px 12px #00000080;transform:translateY(-2px)}.disc{border-radius:50%;box-shadow:inset 0 0 8px #000000b3;height:calc(min(12vw, 60px) - 14px);height:var(--disc-size);width:calc(min(12vw, 60px) - 14px);width:var(--disc-size)}.disc.player1{background:radial-gradient(circle at 30% 30%,#f87171,#b91c1c)}.disc.player2{background:radial-gradient(circle at 30% 30%,#facc15,#b45309)}.status-bar{align-items:center;color:#e5e7eb;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;margin-top:12px}.pill{border-radius:999px;font-size:12px;padding:4px 10px}.pill.player{background:#ef444426;border:1px solid #ef4444}.pill.ai{background:#eab30826;border:1px solid #eab308}button{align-items:center;background:#2563eb;border:none;border-radius:999px;box-shadow:0 10px 20px #2563eb66;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 14px;transition:transform .1s ease-out,box-shadow .1s ease-out,background .1s}button:hover{background:#1d4ed8;box-shadow:0 14px 26px #2563eb8c;transform:translateY(-1px)}button:active{box-shadow:0 8px 16px #2563eb66;transform:translateY(0)}.hint{color:#9ca3af;font-size:11px}select{background:#111827;border:1px solid #4b5563;border-radius:999px;color:#e5e7eb;font-size:12px;padding:4px 10px}@media (max-width:900px){.wrapper{justify-content:center;margin:100px auto}.board{margin:0 auto}}.piano-app-root{background:#0f172a;color:#f8fafc;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont;min-height:100vh}.piano-topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aeb;border-bottom:1px solid #94a3b814;display:flex;height:70px;justify-content:center;padding:.75rem 2rem}.piano-topbar-inner{align-items:center;display:flex;margin:0 auto;max-width:1200px;position:relative;width:100%}.topbar-title{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;line-height:1.1}.topbar-title-main{font-size:1.2rem;font-weight:600}.topbar-title-sub{color:#64748b;font-size:.72rem;margin-top:2px}.topbar-tabs{display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:50;z-index:10}.topbar-status{align-items:center;display:flex;gap:.5rem;margin-left:auto}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.7rem;padding:.25rem .6rem;text-transform:uppercase}.status-badge-ok{background:#22c55e26;color:#4ade80}.status-badge-warn{background:#facc152e;color:#facc15}.status-badge-error{background:#f8717133;color:#f87171}.piano-tabs-bg{background:radial-gradient(circle at top,#020617,#020617 60%);border:1px solid #94a3b873;border-radius:999px;box-shadow:0 10px 30px #0f172ad9;display:inline-flex;overflow:hidden;padding:.2rem}.piano-tab-btn{background:#0000;border:none;border-radius:999px;color:#e5e7eb;cursor:pointer;font-size:.78rem;letter-spacing:.06em;min-width:82px;padding:.4rem .9rem;position:relative;text-align:center;text-transform:uppercase;transition:color .1s ease}.piano-tab-btn-active{color:#020617;font-weight:600}.piano-tab-glow{background:linear-gradient(90deg,#22c55e,#0ea5e9,#a855f7);border-radius:999px;box-shadow:0 0 18px #22c55eb3,0 0 28px #0ea5e999,0 0 32px #a855f773;inset:2px;position:absolute}.piano-main{display:flex;flex:1 1;padding:1rem 2rem 0}.mode-panel{align-items:flex-start;align-items:center;display:flex;flex:1 1;justify-content:center}.mode-panel>.panel{max-width:720px;width:100%}.hero-mode{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.hero-controls{flex:0 0 auto}.hero-controls .panel{max-width:520px}.hero-canvas-container{background:#020617;border:1px solid #1e40afb3;border-radius:.9rem;box-shadow:0 18px 35px #0f172ad9;flex:1 1;overflow:hidden}.hero-canvas{display:block;height:100%;width:100%}.panel{background:radial-gradient(circle at top,#0f172af2,#020617fa);border:1px solid #1e40af73;border-radius:1rem;box-shadow:0 0 0 1px #0f172ae6,0 20px 40px #0f172af2;padding:1rem 1.1rem 1.1rem}.panel-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.7rem}.panel-header h2{font-size:1rem;margin:0}.panel-tag{background:#0f172ae6;border:1px solid #94a3b899;border-radius:999px;font-size:.75rem;padding:.2rem .55rem}.panel-body{color:#e5e7eb;font-size:.9rem}.stats-row{display:flex;font-size:.85rem;justify-content:space-between;margin-top:.75rem}.feedback{background:#082f49e6;border:1px solid #38bdf8b3;border-radius:.55rem;color:#e0f2fe;margin-top:.6rem;padding:.45rem .6rem}.primary-btn,.secondary-btn{background:#0000;border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:.8rem;padding:.4rem .9rem}.primary-btn{background:linear-gradient(90deg,#22c55e,#0ea5e9,#22c55e);box-shadow:0 0 16px #22c55e99,0 0 24px #0ea5e999;color:#020617;font-weight:600}.secondary-btn{background:#0f172ae6;border-color:#94a3b8b3;color:#e5e7eb}.keyboard-dock{align-items:center;background:radial-gradient(circle at top,#020617,#020617 65%);border-top:1px solid #94a3b866;bottom:0;box-shadow:0 -14px 30px #000000b3;display:flex;height:160px;left:0;padding:.35rem 1.5rem .55rem;position:fixed;width:100%;z-index:20}.keyboard-dock-inner{height:100%;position:relative;width:100%}.piano-white-keys{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(52,1fr);inset:0;padding:.35rem .25rem .5rem;position:absolute}.piano-key-white{align-items:flex-end;background:linear-gradient(180deg,#fafafa,#e5e7eb);border-radius:4px;box-shadow:inset 0 -2px 0 #94a3b8cc,0 4px 10px #0009;display:flex;justify-content:center;padding-bottom:3px}.piano-key-label{color:#374151;font-size:.55rem}.piano-black-layer{inset:0;padding:.35rem .25rem .5rem;pointer-events:none;position:absolute}.piano-key-black{background:linear-gradient(180deg,#111827,#020617);border-radius:4px;box-shadow:0 4px 12px #000000d9;height:65%;position:absolute;top:0;transform:translateX(-50%);width:1%}.piano-key-active{background:linear-gradient(180deg,#fef3c7,#e5e7eb);box-shadow:0 0 4px 2px #38bdf8f2,0 0 10px #38bdf8e6,inset 0 0 4px #38bdf8cc}.piano-key-highlight{border:1px solid #ffc800e6;box-shadow:0 0 10px 5px #ffc800e6,inset 0 0 12px #ffc800cc}.keyboard-dock-visible{display:flex}.keyboard-dock-hidden-mobile{display:none}.keyboard-toggle-btn{background:#0f172af2;border:1px solid #94a3b8b3;border-radius:999px;bottom:170px;color:#e5e7eb;cursor:pointer;display:none;font-size:.75rem;padding:.35rem .9rem;position:fixed;right:1rem;z-index:30}.piano-footer{color:#9ca3af;font-size:.8rem;padding:.5rem 2rem .8rem;z-index:5}@media (max-width:960px){.piano-topbar{grid-auto-rows:auto;grid-template-columns:minmax(0,1fr)}.topbar-status{justify-content:flex-start}.piano-main{padding:.8rem 1rem}}@media (max-width:768px){.keyboard-toggle-btn{align-items:center;display:inline-flex;justify-content:center}.keyboard-dock-hidden-mobile{display:none}}
/*# sourceMappingURL=main.5020ded8.css.map*/