body{color:#fff}section ul li{margin-bottom:.6rem}li.skill-a{display:flex;justify-content:space-between}summary.sum-a{cursor:pointer;display:flex;justify-content:space-between}#snake{display:flex;justify-content:center;align-items:center;flex-direction:column}#game{display:flex;justify-content:space-between;flex-direction:row}#game-container{margin:1.5rem}#leaderboard{display:flex;flex-direction:column;align-items:center;margin-left:1.5rem;margin-top:1.5rem}#leaderboard-table{border:0}#leaderboard-table tr{background-color:#000}#leaderboard-table th,#leaderboard-table td{padding:10px 40px 20px 30px}#projects{display:flex;flex-direction:column}#projects .box{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:50px;width:100%;max-height:180px;overflow:hidden;background-color:#282828a6;padding:10px;border-radius:20px;cursor:pointer}#projects .box img{width:clamp(100px,15vw,250px);height:clamp(100px,15vw,180px);aspect-ratio:1/1;object-fit:cover;border-radius:8px}#projects .box p{margin:10px}#projects .box h2{margin:0 0 .5rem}#projects .box a{color:#fff}@media (max-width: 768px){#projects{display:flex;flex-direction:column;justify-content:center}#projects .box img{display:none}}#play{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:1.3rem;margin:4px 2px;cursor:pointer;border-radius:12px}:root{--content-box-color: rgba(24, 24, 24, .89);--button-color: #007bff;--button-hover-color: #0056b3;--button-aktive-color: #003771;--merken: #db3e00}.vanished{display:none}#darkend{position:fixed;top:0%;left:0%;right:0%;bottom:0%;background-color:#00000080;z-index:-1}#logo{max-width:100%;height:64%;cursor:pointer}body{display:flex;align-items:center;flex-direction:column;margin:0;top:0%;left:0%;right:0%;bottom:0%;width:100%;height:100%;background-color:#000;background-image:url(/assets/background-DYYS1urN.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;color:#fff;font-family:monospace,terminal-style}header{position:fixed;top:0%;left:15%;right:15%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:81px;background-color:var(--content-box-color);border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 0 20px #000c;transition:.5s}header section{display:flex;flex-direction:row;align-items:center;height:100%}header section nav{display:flex;flex-direction:row;align-items:center;background-color:#f5f5f5;padding-left:10px;padding-right:10px;border-radius:5px;height:fit-content;max-height:fit-content;max-width:fit-content}.nav-btn{padding:5px;border:5px;background-color:#f5f5f5;color:#000;font-size:.9rem;text-decoration:none;max-height:fit-content;transition:.3s}.nav-btn:hover{background-color:#d3d3d3;text-decoration:none;transition:.3s}main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:15%;margin-right:15%;margin-top:100px;width:clamp(500px,70vw,1065px);padding:50px;background-color:var(--content-box-color);border-radius:20px;box-shadow:0 0 20px #000c;transition:.5s}.box-box{display:flex;justify-content:space-around;flex-direction:column}.box{background-color:#282828a6;padding:20px;border-radius:20px;margin-bottom:20px}.loading{display:inline-block;font-family:-apple-system,BlinkMacSystemFont,sans-serif;animation:loading-dots 1s infinite steps(1)}.loading:after{display:inline;content:"";animation:loading-dots 1s infinite steps(1)}@keyframes loading-dots{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%,to{content:"Loading..."}}.btn{transition:.5s;padding:10px;background-color:var(--button-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:large}.btn:hover{transition:.5s;background-color:var(--button-hover-color)}.btn-aktive{transition:.5s;background-color:var(--button-aktive-color)}.form1{display:flex;flex-direction:column;justify-content:space-around;max-width:400px;margin:0 auto}.form1 div{display:flex;flex-direction:column;justify-content:space-around;padding:5px}.form1 label{margin-bottom:5px}.form1 .checkbox{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:start}.form1 input[type=checkbox]{padding:8px;border:1px solid #ccc;border-radius:4px}.form1 input[type=text],.form1 input[type=number],.form1 input[type=email],.form1 textarea{margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px;resize:vertical}.title{display:flex;justify-content:space-around;align-items:center;flex-direction:column;width:100%}.title-btn{display:flex;justify-content:space-evenly;align-items:center;flex-direction:row}.ahref{color:var(--button-color);text-decoration:none}.ahref:hover{text-decoration:underline}.slides{width:100%;border:none;aspect-ratio:16/9}.document{width:100%;border:none;aspect-ratio:9/16}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--content-box-color);border-radius:20px;margin:20px 15%;padding:50px;box-shadow:0 0 20px #000c;transition:.5s}@media (max-width: 768px){header{position:fixed;top:0%;left:0%;right:0%;display:flex;flex-direction:row;justify-content:center;background-color:var(--content-box-color);border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 0 20px #000c;transition:.5s}main{margin-left:0%;margin-right:0%;margin-top:100px;display:flex;flex-direction:row;justify-content:center;background-color:var(--content-box-color);border-radius:20px;box-shadow:0 0 20px #000c;transition:.5s}}