#navbar-container{display:flex;justify-content:flex-end;align-items:flex-end;gap:12px}.navbar{display:flex;justify-content:center;align-items:center;z-index:8500}.navbar ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:flex-end}.navbar .nav-option{font-size:20px;font-weight:500;letter-spacing:-.5px;color:#f5f5f5;margin:0 5px;padding:5px 10px;position:relative;background:0 0;border:none;display:flex;cursor:pointer;align-items:center}.navbar .nav-option .nav-option-title{position:relative;pointer-events:none}.navbar .nav-option .nav-option-title:after{content:'';position:absolute;width:100%;height:2px;background:#f5f5f5;border-radius:5px;left:0;bottom:-3px;transform:scaleX(0);transform-origin:right;transition:transform .5s}.navbar .nav-option:hover>.nav-option-title:after{transform-origin:left;transform:scaleX(1)}#navbar-checked{display:none}.navbar-icons{font-size:60px;color:#f5f5f5;display:none;cursor:pointer;transition:.2s ease-in}.navbar .nav-option i{transition:transform .2s ease-in-out}.navbar .submenu{cursor:default;display:block}.navbar .submenu:after{content:none}.navbar .submenu .submenu-title{display:flex;align-items:flex-end}.navbar .submenu .submenu-options{position:absolute;height:0;overflow-y:hidden;transition:.3s;margin-left:-20px}.navbar .submenu .submenu-options ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#080808;text-decoration:none;margin:5px 10px 10px;border-radius:5px;box-shadow:0 0 4px 5px #080808;width:-moz-max-content;width:max-content;padding-bottom:5px}.navbar .submenu .submenu-options li{display:block;width:100%}.navbar .submenu .submenu-options .nav-option{display:flex;transform:translateY(-50px);opacity:0;transition:.3s;margin:0;padding:5px 20px 5px 10px;min-width:100px}.navbar .submenu .submenu-options .open{transform:translateY(0);opacity:1;transition-delay:calc(0.1s * var(--i))}@media (max-width:920px){.navbar .nav-option{margin:0 5px;padding:5px 7.5px}#navbar-container{gap:10px}}@media (max-width:880px){.navbar .nav-option{margin:0 5px;padding:5px}#navbar-container{gap:7px}}@media (max-width:840px){.navbar .nav-option{margin:0 2.5px;padding:5px}#navbar-container{gap:2px}}@media (max-width:810px){#navbar-container{gap:15px}.navbar{position:absolute;top:100%;left:0;width:100%;height:0;background:linear-gradient(#080808,#020202);overflow:hidden;transition:.3s;max-height:calc(100vh - 150px)!important;align-items:flex-start}.navbar::-webkit-scrollbar{width:14px}.navbar::-webkit-scrollbar-track{border-radius:9999px;background-color:#111;border:4px solid transparent;background-clip:padding-box}.navbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--navbar-scrollbar-thumb-color);border:4px solid transparent;background-clip:padding-box}.navbar ul{flex-direction:column;align-items:center;padding-left:calc(100vw - 100%)}.navbar .nav-option,.navbar .submenu .submenu-options .nav-option{display:block;width:-moz-fit-content;width:fit-content;margin:2.5px;padding:5px;letter-spacing:0;text-align:center;transform:translateY(-50px);opacity:0;transition:.3s}.navbar .submenu .submenu-options ul li:last-child .nav-option{margin-bottom:-5px;padding-bottom:10px}.navbar .submenu .submenu-options ul li:first-child .nav-option{margin:10px 2.5px 2.5px 50px;padding:5px}.navbar .submenu .submenu-options ul li .nav-option{text-align:left;margin-left:50px;font-weight:300;font-style:italic}.navbar .submenu .submenu-options .nav-option-title:after{height:1px}.navbar .submenu .submenu-options .open{transform:translateY(0);opacity:1;transition-delay:calc(0.07s * var(--i))}.navbar .submenu .submenu-title{justify-content:center}.navbar .submenu .submenu-options{position:relative;margin:0}.navbar .submenu .submenu-options ul{align-items:center;background-color:transparent;border-radius:0;box-shadow:none;width:auto;padding:0;margin:0}.navbar-icons{display:grid}.navbar-icons i{grid-column:1;grid-row:1}#navbar-checked:checked~.header{box-shadow:none}#navbar-checked:checked~.navbar{box-shadow:0 10px 4px 5px rgba(2,2,2)}#navbar-checked:checked~.scrollable{overflow-y:auto}#navbar-checked:checked~.navbar>ul>.nav-option,#navbar-checked:checked~.navbar>ul>li>.nav-option{transform:translateY(0);opacity:1;transition-delay:calc(0.07s * var(--i))}#navbar-checked:checked~.navbar-icons #navbar-closed{transform:scale(0,0)}#navbar-checked:checked~.navbar-icons #navbar-opened,#navbar-checked:not(:checked)~.navbar-icons #navbar-closed{transition-delay:0.2s;transform:scale(1,1)}#navbar-checked:not(:checked)~.navbar-icons #navbar-opened{transform:scale(0,0)}#navbar-closed,#navbar-opened{transition:transform .2s}}