.profile-page{padding:20px;max-width:400px;margin:auto}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-container{display:flex;flex-direction:column;gap:1rem;margin:6rem 2rem;width:100%;max-width:850px}.profile-container label input{margin-left:1rem}.profile-btns{display:flex;gap:20px;justify-content:flex-end}header{display:flex;justify-content:space-between;background-color:#45a049;color:#fff;text-align:center;align-items:center;padding:.5rem;z-index:100;width:100%;position:fixed}header a{color:#fff;text-decoration:none;text-align:left}header a:hover{color:#e7e7e7}nav{display:flex;gap:20px;margin-right:2rem}.logo-font{font-family:Playfair Display,serif;font-size:2rem;margin-left:2rem;letter-spacing:.5px;color:#fff}.hamburger{display:none;background:none;border:none;color:#fff;font-size:1.5rem;margin-right:1rem;cursor:pointer}.mobile-menu{display:none;flex-direction:column;gap:1rem;background-color:#45a049;position:absolute;top:4rem;right:.5rem;padding:1rem 1.5rem;box-shadow:0 4px 10px rgba(0,0,0,.1)}.desktop-menu,.mobile-menu.open{display:flex}@media (max-width:550px){.desktop-menu{display:none}.hamburger{display:block}.logo-font{font-size:1.5rem;margin-left:1rem}.logo-font,nav{margin-right:1rem}header a:hover{color:#fff}}