.app__navbar{background:var(--color-black);justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex}.app__navbar-logo{justify-content:flex-start;align-items:center;display:flex}.app__navbar-logo-img{max-width:150px;width:auto!important;height:auto!important}.app__navbar-logo-link{line-height:0;display:inline-flex}.app__navbar-links{flex:1;justify-content:center;align-items:center;list-style:none;display:flex}.app__navbar-links li{cursor:pointer;margin:0 1rem}.app__navbar-links a{transition:color .25s,transform .25s;display:inline-block}.app__navbar-links li:hover a{color:var(--color-golden);transform:translateY(-1px)}.app__navbar-links li:hover{color:var(--color-golden)}.app__navbar-login{justify-content:flex-end;align-items:center;display:flex}.app__navbar-login a{margin:0 1rem;text-decoration:none;transition:all .5s}.app__navbar-login a:hover{border-bottom:1px solid var(--color-golden)}.app__navbar-login div{background:var(--color-grey);width:1px;height:30px}.app__navbar-smallscreen{display:none}.app__navbar-smallscreen_overlay{background:var(--color-black);z-index:5;flex-direction:column;width:100%;height:100vh;transition:all .5s;position:fixed;top:0;left:0}.app__navbar-smallscreen_overlay .overlay__close{color:var(--color-golden);cursor:pointer;font-size:27px;position:absolute;top:20px;right:20px}.app__navbar-smallscreen_links{list-style:none}.app__navbar-smallscreen_links li{cursor:pointer;color:var(--color-golden);text-align:center;font-size:2rem;font-family:var(--font-base);margin:2rem}.app__navbar-smallscreen_links li:hover{color:var(--color-white)}@media screen and (min-width:2000px){.app__navbar-logo-img{max-width:210px}}@media screen and (max-width:1150px){.app__navbar-links{display:none}.app__navbar-smallscreen{display:flex}}@media screen and (max-width:650px){.app__navbar{padding:1rem}.app__navbar-login{display:none}.app__navbar-logo-img{max-width:110px}}