.app{min-height:100vh;display:flex;flex-direction:column}.app nav{color:#fff;position:fixed;height:70px;left:0;top:0;width:100%;z-index:99;background-color:var(--clr-primary-1)}.app nav,.app nav .navbar{display:flex;align-items:center;justify-content:space-between}.app nav .navbar{flex:1;max-width:1440px;margin:auto;padding-left:100px;padding-right:100px}.app nav .nav__logo{cursor:pointer}.app nav .nav__menu{display:flex;align-items:center;gap:7.5rem}.app nav .nav__menu #menu_items{display:flex;list-style-type:none;flex-direction:row}.app nav .nav__menu #menu_items li{padding:1.2rem 3.2rem;font-size:1.6rem;font-weight:300}.app nav .nav__menu #menu_items li a{white-space:nowrap;position:relative;cursor:pointer}.app nav .nav__menu #menu_items li a:after{content:"";width:0;height:.25rem;left:0;bottom:-.8rem;position:absolute;background-color:#33b4ff;transition:.5s}.app nav .nav__menu #menu_items li a:hover:after{width:100%}.app nav .nav__menu #menu_items li a:hover{color:#33b4ff}.app nav .nav__menu #menu_items button{display:none}.app nav .nav__menu .nav__menu--icon{font-size:3rem;display:none}.app nav .nav__menu .nav__menu--icon:visited{color:#33b4ff}.app nav .nav__menu>button{padding:1.2rem 3.2rem;border:none;border-radius:.4rem;background-color:#fff;color:#27a1e8;cursor:pointer;white-space:nowrap}.app nav .nav__menu>button:hover{background-color:#27a1e8;color:#fff}.app nav .nav__menu>button:active{background-color:#0267a1}.app .sticky{box-shadow:0 40px 46px 0 rgba(0,0,0,.08);top:0;color:#767676;background-color:#fff}.app .sticky .nav__menu button{color:#33b4ff;border:1px solid #33b4ff}