header{display:grid;position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);grid-template-columns:1fr 50% 1fr;align-items:center;height:70px;padding:0 3vw;font-size:clamp(8px,1.5vw,12px);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))}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: 600px){.nav-entry{font-size:.75rem}}footer{display:flex;position:sticky;bottom:0;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);justify-content:center;align-items:center;margin:0;padding:10px;box-shadow:var(--decent-box-shadow)}:root{--content-area: #191c1f;--content-area-light: #22262a;--text-color: rgb(255, 255, 255);--main-color: #0088aa;--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);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}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{flex:1;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}