*{margin:0;padding:0;background-color:#fff}.links{text-decoration:none}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.popup2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:200px;border-radius:8px}.RightPart{margin-left:-30px}.Navlogo{cursor:pointer;-o-object-fit:contain;object-fit:contain;height:100px}.Navlogo,.signContainer{width:200px}.NavContainer{position:relative;width:100%;z-index:20}.NavbarContain{justify-content:space-between;position:relative;width:100%;height:100px;padding:0 20px;z-index:15}.NavbarContain,.navbarElements{display:flex;align-items:center}.navbarElements{justify-content:center;gap:20px;list-style:none}.profile-name{left:0;font-size:18px}.signCont{margin-right:70px}.sign{font-size:1rem;border:1px solid #524d4e;margin-left:auto;width:101px;height:37px;flex-shrink:0;border-radius:50px;background:#f96c00;color:#fff;transition:.4s;cursor:pointer}.sign:hover{scale:1.1;background:#000}.profile-picture{width:50px;height:50px;margin-top:10px;border-radius:300px;transition:.3s}.profile-picture:hover{scale:1.1}.Link{text-decoration:none;color:#000}.Link span{font-size:20px;font-weight:300;transition:.4s}.Link span:hover{transform:scale(1.1)}.NavProfile{position:relative}.logout{bottom:-40%;left:-40%;width:100px;position:absolute;background:#000;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:.3s}.sendLogout{display:none}.logout:hover{scale:1.1;background:#000}.pname{margin-right:10px;position:relative;z-index:1;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10;display:none}.backdrop.active{display:block}.loading-spinner{display:flex;align-items:center;justify-content:center}.loading-spinner span{font-size:14px;color:#666}.ham{background-color:transparent;display:none;cursor:pointer;font-size:1.7rem;z-index:25}@media(max-width:1199.98px){.Navlogo{width:150px}.navbarElements li{font-size:14px}.navbarElements button{font-size:1rem}.sign{width:100px;height:30px}}@media(max-width:768px){.NavbarContain{padding:0 15px;position:relative}.signCont{margin-right:0;margin-top:-20px}.Navlogo{width:150px;height:auto;z-index:25}.ham{display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%);z-index:25}.pname p{display:none}.sendLogout{margin-top:10px;display:block}.navbarElements{background-color:#fff;height:auto;width:100%;display:none;position:absolute;top:100%;left:0;right:0;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:20;flex-direction:column;gap:15px}.navbarElements li{color:#000;padding:10px 0}.navbarElements .Link,.navbarElements li{width:100%;text-align:center;background:transparent}.navbarElements .Link{display:block}.navbarElements .Link span{background:transparent;font-size:18px}.navbarElements .signCont{margin-right:0;width:100%;display:flex;justify-content:center}.navbarElements .signCont .sign{margin:0}.navbarElements .signCont .NavProfile{display:flex;justify-content:center;width:100%}.navbarElements .signCont .NavProfile .pname{margin-right:0;align-items:center}.navbarElements.open{display:flex}.backdrop.active{display:block}}@media(max-width:500px){.NavbarContain{min-height:80px;padding:0 10px}.Navlogo{width:130px;height:50px}.ham{right:10px;font-size:1.5rem}.navbarElements{padding:15px}.navbarElements .Link span{font-size:16px}.navbarElements .sign{width:80px;height:32px;font-size:14px}}