.navbar{height:5rem;display:flex;justify-content:space-around;align-items:center;padding:.5rem;color:#f39c12;z-index:1000}.navbar ul{display:flex;list-style:none;padding:0;margin:0}.navbar li{padding:1rem;display:flex;justify-content:center;align-items:center}.navbar a{color:#f39c12;text-decoration:none}@media (display-mode:standalone),(max-width:768px){.navbar{background-color:#ffffff!important;border-top:2px solid #e0e0e0!important;position:fixed!important;bottom:0!important;width:100%!important;border-radius:1rem 1rem 0 0;box-shadow:0 -1px 10px rgba(0,0,0,.1);z-index:1000}}@media (min-width:769px){.navbar{position:fixed;bottom:0;width:100%;z-index:1000;background-color:#1e3a8a;border-top:2px solid #1e40af;border-radius:1rem 1rem 0 0;box-shadow:0 -1px 10px rgba(0,0,0,.1)}}main{position:relative;z-index:1;padding-bottom:6rem}.button-frame{background-color:white;border-radius:20px;padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:2rem 0}@media (max-width:768px){.profile-header{flex-direction:column;align-items:flex-start}.profile-header .balance{margin-top:1rem}}