body{color:#fff}#contact-form{display:flex;flex-direction:column;max-width:400px;margin:0 auto}#contact-form label{margin-bottom:5px}#contact-form input,#contact-form textarea{margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px}#contact-form textarea{resize:vertical}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}#projects{display:flex;flex-direction:column}.project{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}.project img{width:250px;height:180px;object-fit:cover;border-radius:8px}.project p{margin:10px}.project h2{margin:0 0 .5rem}.project a{color:#fff}@media (max-width: 768px){#projects{display:flex;flex-direction:column;justify-content:center}.project 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}#logo{max-width:100%;height:64%}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;max-width: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}.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)}.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%;height:500px;border:none}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:column;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}}