*{box-sizing:border-box;scrollbar-width:none;margin:0%;padding:0%;font-family:Segoe UI;overflow-y:scroll}.container{flex-direction:column;margin-bottom:5rem;display:flex}.navbar{color:#fff;z-index:1002;background:#1e293b;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;display:flex;position:fixed;top:0;left:0}.logo{align-items:end;margin:0;font-size:22px;font-weight:700;display:flex}.nav-links{gap:15px;margin-right:3rem;display:flex}.nav-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:16px;transition:all .3s}.nav-button:hover,.nav-button.active{background:#334155;border-radius:6px}.hamburger{cursor:pointer;z-index:1003;background:0 0;border:none;flex-direction:column;gap:5px;margin-right:.5rem;display:none}.hamburger span{background:#fff;border-radius:3px;width:25px;height:3px;transition:all .3s}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-6px)}@media (max-width:768px){.hamburger{display:flex}.nav-links{z-index:1001;background:#1e293b;flex-direction:column;align-items:center;gap:20px;width:50%;height:100vh;margin-right:auto;padding-top:80px;transition:right .3s ease-in-out;display:flex;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-button{text-align:center;width:80%;padding:12px 20px;font-size:18px}}.main-content{flex:1;padding:100px 20px 20px}.about-page{max-width:600px}.log{color:#000;background-color:#fff;border-radius:.3rem;box-shadow:inset 0 0 10px #0c0c0c}.log:hover{color:#fff;background-color:#a01717}.out{color:#000;background-color:#fff;border-radius:.3rem;box-shadow:inset 0 0 10px #0c0c0c}.out:hover{color:#000;box-shadow:none;background-color:#e4e2e2}