.header{z-index:1000;height:100px;position:sticky;top:0}.scrolled{background-color:#f8f8f2}.header_with_message{z-index:1000;height:280px;position:sticky;top:0}nav{justify-content:center;align-items:center;height:100px;font-size:3rem;font-weight:700;display:flex}.logo{background-color:#fff;background-image:url(https://d3h5jhhk3jt0i.cloudfront.net/logo.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5%;width:50px;height:50px;margin-left:1rem;display:inline-block}.avatar-wrapper{z-index:100;display:inline-block;position:relative}.signout_wrapper{border-radius:8px;margin:8px}.signout_wrapper:hover{box-shadow:2px 2px 8px #00000040}.avatar{cursor:pointer;border-radius:50%;overflow:hidden}.avatar:hover{box-shadow:2px 2px 8px #00000040}.avatar.outline{box-shadow:0 0 2px 4px #00000040}.initial{color:var(--textColor);text-align:center;text-shadow:0 4px 4px #4e6153;background-color:#1b9e91;place-content:center;width:32px;height:32px;font-family:arial;font-size:13px;display:flex}.menu-dropdown{background-color:#dae1e3;border:1px solid #e0e0e0;border-radius:12px;width:350px;position:absolute;top:45px;right:0;box-shadow:0 2px 4px #00000026}.menu-item{cursor:pointer;padding:12px}.hide-dropdown{display:none}@media (max-width:768px){.initial{width:52px;height:52px;font-size:18px}.menu-dropdown{top:65px}.icon{max-width:120px;height:40px}}@media (prefers-color-scheme:dark){.menu-dropdown{background-color:#2d2d2d;border:1px solid #2d2d2d;border-radius:12px;box-shadow:0 2px 4px #00000026}}.wellcome{color:#fff;background-color:#1450a3;border-radius:8px;height:100%;margin:20px;padding:20px;font-size:3rem;font-weight:700}@media (prefers-color-scheme:dark){.wellcome{color:#f5f5f5;background-color:#232d3f;height:100%;padding:20px;font-size:3rem;font-weight:700}nav{color:#fff}}