*{margin:0;padding:0;box-sizing:border-box}.navbar{color:#f0f8ff;width:100%;display:flex;top:0;justify-content:space-between;align-items:center;height:50px;border-bottom:1px solid #f0f8ff;background-color:#010846;padding:10px 20px;z-index:100;transition:all .3s ease}.title .a{font-weight:700;font-size:1.7rem;margin-left:10px;cursor:pointer;text-decoration:none;color:#f0f8ff}.leftside{transition:transform .3s ease}.leftside,.list{display:flex;align-items:center}.list{gap:20px;list-style-type:none;margin-right:50px}.buttons,.items{cursor:pointer}.buttons{display:flex;justify-content:center;align-items:center;text-decoration:none;background-color:#d9dbdd;color:#000;width:75px;height:35px;margin:3px;font-weight:500;font-size:1rem}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger .bar{width:25px;height:3px;background-color:#fff;transition:all .3s ease}.title{display:flex;margin-left:10px}.profile{filter:invert(1)}.navBtn{all:unset}@media (max-width:850px){.leftside{position:fixed;top:0;right:0;height:100%;width:250px;background-color:#010846;flex-direction:column;justify-content:center;align-items:center;transform:translateX(100%);z-index:3}.leftside.open{transform:translateX(0)}.list{flex-direction:column;margin-right:0;gap:30px}.hamburger{display:flex;position:relative;z-index:4}.hamburgerRotate{transform:rotate(90deg);transition:all .3s ease}.hamburgerRotateBack{transform:rotate(0deg);transition:all .3s ease}.navbar{justify-content:space-between}.a{margin-left:0}}