.layout-fbc{background-color:#0b0d1a}#the-header{align-items:center;display:flex;gap:3.75rem;margin:0 auto;max-width:var(--default-layout-width);padding:2rem 5rem}.flex-spacer{flex:1}.nav-link{color:var(--color-text-highlight);font-size:1.125rem;font-weight:600;text-decoration:none}.logo{height:3rem}#the-footer{align-items:center;background:var(--color-bg-dark-purple);display:flex;justify-content:center;padding:3.5rem 5rem}.user{position:relative}.user__button{align-items:center;background:none;border:none;color:#fff;display:flex;font-size:1.125rem;font-weight:400;gap:.5rem;outline:none}.user__avatar{border:2px solid #fff;border-radius:50%;height:2.5rem;widows:2.5rem}.user__menu-mask{background-color:transparent;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:9}.user__menu{background:var(--color-bg-dark-purple);border-radius:1rem;padding:1rem 1.5rem;position:absolute;right:0;top:2.5rem;width:15rem;z-index:10}.user__menu-item{background:none;border:none;color:var(--color-text-purple);display:block;font-size:1.125rem;font-weight:600;line-height:2.5em;outline:none;padding:0;text-decoration:none;text-transform:uppercase}.user__menu-item:hover{color:var(--color-text-highlight);cursor:pointer}