.navbar{background-color:#1e1e1e;flex-wrap:wrap;justify-content:space-between;min-height:80px;padding:0 20px;display:flex;box-shadow:0 2px 5px #0003}.navbar-left{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.navbar-right{flex-flow:wrap;justify-content:flex-end;align-items:center;font-family:Helvetica,Arial,sans-serif;font-size:1.2em;font-weight:700;list-style:none;display:flex}.logo-img{width:auto;height:60px;margin:5px}.zokko-text{align-items:center;font-family:Rammetto One,sans-serif;font-size:2em;font-weight:700;display:flex}.logo-button{cursor:pointer;background:0 0;border:none;padding:0}.logo-button:focus{outline:2px solid #ccc}.nav-links{gap:20px;font-weight:700;text-decoration:none;list-style:none}.nav-links a{color:#fff;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#add8e6}@font-face{font-family:Rammetto One;src:url(/fonts/Rammetto_One/RammettoOne-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}h1{margin-bottom:1rem;font-family:Rammetto One,sans-serif;font-size:2rem}p{font-size:1.25rem}body{background-color:#f2f2f2;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:1.2em;line-height:1.5}.page-container{flex-direction:column;display:flex}.content-box{background-color:#fff;border-radius:12px;flex-direction:column;max-width:95%;min-height:85vh;margin:30px auto;padding:24px;display:flex;box-shadow:0 4px 12px #0000001a}.content-box h1,.content-box h2,.content-box p{margin:0 0 16px}