.navigation{align-items:center;display:flex;gap:16px;margin:0 44px}.navigation a{border-radius:12px;color:#000;font-family:Finlandica,sans-serif;font-size:20px;font-weight:500;letter-spacing:.5px;padding:12px 20px;text-decoration:none;transition:all .25s}.navigation a:active,.navigation a:hover{background:#ffd76d}.header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-bottom:1px solid hsla(0,0%,61%,.5);border-radius:12px;display:inline-flex;gap:16px;left:50%;padding:0 16px 0 24px;position:fixed;top:16px;transform:translate(-50%);z-index:2}.header .logo{height:75px;margin-top:4px}.header .profile-badge{margin:0 16px 0 auto}.container{margin:auto;max-width:1200px}.profile-menu{border-bottom:1px solid rgba(47,47,47,.25);border-radius:12px;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;padding:32px 16px 16px;right:0;top:90px}.profile-menu,.profile-menu:before{background:#ffd76d;position:absolute}.profile-menu:before{border-radius:4px;content:"";display:block;height:24px;right:28px;top:-8px;transform:rotate(45deg);width:24px}.profile-menu__avatar{border-radius:44px;position:relative;z-index:20}.profile-menu .logout-button:hover{background:#2f2f2f;border-color:#2f2f2f;color:#ffffffe6}.profile-badge{align-items:center;display:flex;gap:6px}.profile-badge img{border-radius:2rem}footer{background:#2f2f2f;bottom:0;color:#ffffffe6;min-height:350px;padding:16px;position:sticky;width:calc(100% - 32px);z-index:0}