header{display:grid;grid-template-columns:1fr 50% 1fr;align-items:center;height:70px;padding:0 3vw;font-size:clamp(8px,1.5vw,12px);background-color:var(--header-color);box-shadow:var(--decent-box-shadow)}.header-container-left{grid-column:1}header .cs-code-logo{width:45px;cursor:pointer;filter:drop-shadow(1 1 5px rgba(0,0,0,1))}.header-container-right{font-style:italic;text-align:right;grid-column:3;text-shadow:1.5px 1.5px 1.5px rgb(0,0,0)}nav{display:flex;align-items:center;justify-content:center}.nav-entry{text-align:center;--transition-time: .4s;padding:5px;margin:0 1.5vw;font-size:1.2rem;transition:var(--transition-time);font-weight:600;text-shadow:2px 2px 5px rgb(0,0,0)}.nav-entry:hover{cursor:pointer;transform:scale(1.25);transition:var(--transition-time);color:var(--main-color)}.nav-entry-invalid{text-decoration:line-through}@media only screen and (max-width: 1000px){.nav-entry{font-size:.75rem}}footer{display:flex;justify-content:center;align-items:center;margin:25px 0 0;padding:10px;background-color:var(--content-area);box-shadow:var(--decent-box-shadow)}.index-container{max-width:800px;text-align:center;margin:0 auto}.index-container .cs-code-logo{display:block;margin:0 auto 20px;width:25vw;max-width:200px;filter:drop-shadow(0 0 10px rgba(0,0,0,.4))}.index-text h1{font-size:2.5rem}.index-text h2{font-size:.95rem;font-weight:400;color:var(--grey-text)}.index-text p{margin-bottom:20px}.index-text-header{display:inline-block;margin-bottom:20px;padding:7px 0;border-width:2px}.index-text ul{list-style:none;padding:0}.index-text li{padding:3px}.tech-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:30px 0}.tech-list li{background-color:#ffffff1a;padding:10px 20px;border-radius:50px;transition:all .3s ease}.tech-list li:hover{background-color:#fff3;transform:translateY(-2px);cursor:default}.github-link{display:inline-block;margin-top:20px}@media (max-width: 400px){.index-text h1{font-size:2rem}}.about-container{max-width:100%;margin:0 auto;padding:.5rem;background-color:#191c1f;color:#e0e0e0}.about-content{display:flex;flex-direction:column;gap:1.5rem;background-color:var(--content-area-light);border-radius:4px;box-shadow:0 4px 6px #0003;overflow:hidden;padding:1.5rem}.about-portrait{width:100%;max-width:250px;height:auto;object-fit:cover;border-radius:4px;box-shadow:0 2px 4px #0000004d;margin:0 auto;display:block}.about-text{flex:1}.about-title{font-size:2rem;color:#fff;margin-bottom:.5rem;border-bottom:2px solid var(--main-color);padding-bottom:.5rem}.about-name{font-size:1.5rem;color:var(--main-color);margin-bottom:.5rem}.about-description{font-size:1rem;color:#b0b0b0;margin-bottom:1rem}.about-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.skill-tag{background-color:var(--main-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;transition:background-color .3s ease}.skill-tag:hover{background-color:var(--header-color);cursor:default}.about-paragraph{margin-bottom:1rem;line-height:1.6;color:silver;font-size:1rem}.highlight{color:var(--main-color);font-weight:700}@media (min-width: 768px){.about-container{padding:.5rem}.about-content{flex-direction:row;padding:2rem}.about-portrait{max-width:300px}.about-title{font-size:2.5rem}.about-name{font-size:1.8rem}.about-description,.about-paragraph{font-size:1.1rem}}.impressum-container{text-align:center}.impressum-container h1{margin-top:0}.impressum-container .icon-small{filter:drop-shadow(0 0 1px rgba(255,255,255,.6));margin-right:3px}.projects-container{--entry-padding: 15px;text-align:center;display:flex;flex-direction:column;align-items:center}.projects-container h1{margin-top:0}.projects-entry{margin-top:25px;display:flex;width:80vw;max-width:800px;background-color:var(--content-area-light);border-radius:4px;padding:var(--entry-padding);box-shadow:0 4px 6px #0003;transition:.25s}.projects-entry:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0006;cursor:pointer;transition:.25s}.project-icon{margin-right:var(--entry-padding);margin-block:auto;width:5vw;min-width:50px;max-height:100px}.project-details{display:flex;flex-direction:column;text-align:left}.project-title{font-size:2rem;color:var(--main-color);text-shadow:2px 2px 3px rgb(0,0,0)}.project-descr{margin-top:5px;color:#d3d3d3}@media (min-width: 601px){.project-icon{min-width:100px}}@media (max-width: 600px){.project-title{font-size:1.2rem}.project-descr{font-size:.9rem}}.PhasmoGuide-container{text-align:center}.PhasmoGuide-container h1{margin-top:0}.work-in-progress{color:var(--grey-text)}:root{--content-area: #191c1f;--content-area-light: #22262a;--text-color: rgb(255, 255, 255);--main-color: #0088aa;--header-color: #070049;--grey-text: rgb(98, 98, 98);--decent-box-shadow: 0 0 10px rgba(0, 0, 0, .3);--font-standard: "Rubik", sans-serif}body{font-family:var(--font-standard);font-size:14px;color:var(--text-color);margin:0;background-color:var(--content-area)}a{text-decoration:none;color:var(--text-color)}h1{text-shadow:2px 2px 3px rgb(0,0,0)}p,h1,h2,h3,h4,h5,h6{margin:0}b{color:var(--main-color)}button{font-family:var(--font-standard);display:flex;align-items:center;justify-content:center;gap:10px;background-color:#333;color:var(--text-color);padding:12px 24px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}button:hover{background-color:#555;transform:translateY(-2px);box-shadow:0 4px 8px #0003}main{padding:35px 10vw;font-size:1.1rem;text-align:justify;background-color:var(--content-area)}main p{line-height:1.5rem}.bold-link{--transition-time: .4s;transition:var(--transition-time);text-decoration:none;font-weight:700;color:var(--text-color)}.bold-link:hover{color:var(--main-color);transition:var(--transition-time)}.icon-small{max-width:15px;padding-right:2px}