.navbar{height:64px;position:fixed;inset:0;z-index:19;background-color:var(--primary-clr);box-shadow:0 2px 6px -4px var(--dark-clr);max-width:calc(100% - 8px)}.navbar__nav-list{display:flex;justify-content:center;align-items:center;height:100%}.navbar__nav-item{list-style:none;margin-inline:12px}.navbar__nav-link{text-decoration:none;font-weight:900;font-size:20px;color:var(--light-clr);transition:text-shadow 175ms}.navbar__nav-link:hover{text-shadow:0 0 4px var(--light-clr)}.sidebar{z-index:18;background-color:var(--primary-clr);transition:transform 175ms ease-in-out}.sidebar,.sidebar__backdrop{position:fixed;width:100vw;height:100vh;inset:0;border-radius:0 0 0 100%;transform:scale(0);transform-origin:top right}.sidebar__backdrop{z-index:17;background-color:var(--primary-clr--dark)}.sidebar.active,.sidebar__backdrop{transition:transform 175ms ease-in-out 125ms}.sidebar.active{transform:scale(1);transform-origin:top right}.sidebar.active~.sidebar__backdrop{transform:scale(2);transform-origin:top right;transition:transform 175ms ease-in-out}.sidebar__menu-icon{z-index:19;position:fixed;right:0;top:0;border:none;font-size:2.5rem;height:56px;width:60px;border-radius:0 0 0 100%;padding-left:14px;padding-bottom:8px;cursor:pointer}.sidebar__menu-icon:hover{filter:brightness(.9)}.sidebar .navbar__nav-list{flex-direction:column}.sidebar .navbar__nav-item{margin-bottom:24px;translate:0 56px;opacity:0;transition:all 175ms ease-in-out}.sidebar.active .navbar__nav-item:first-child{translate:0 0;opacity:1;transition:all 175ms ease-in-out}.sidebar.active .navbar__nav-item:nth-child(2){translate:0 0;opacity:1;transition:all 175ms ease-in-out .15s}.sidebar.active .navbar__nav-item:nth-child(3){translate:0 0;opacity:1;transition:all 175ms ease-in-out .3s}.sidebar.active .navbar__nav-item:nth-child(4){translate:0 0;opacity:1;transition:all 175ms ease-in-out .45s}.sidebar.active .navbar__nav-item:nth-child(5){translate:0 0;opacity:1;transition:all 175ms ease-in-out .6s}.sidebar.active .navbar__nav-item:nth-child(6){translate:0 0;opacity:1;transition:all 175ms ease-in-out .75s}.sidebar .navbar__nav-link{font-size:1.75rem}