body{flex-direction:column;font-family:var(--font-inter),sans-serif;color:#f2f2f2;background-color:#0a0a0a;margin:0;padding:0;box-sizing:border-box;height:100vh}body,main{display:flex}main{flex:1 1}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.modal{background-color:#3d3d3d;color:#f2f2f2;padding:2rem;border-radius:.5rem;max-width:25rem;width:100%;box-shadow:0 0 12px #1c1c1c;transition:all .3s ease-in-out}@media(max-width:480px){.modal{padding:1rem}}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;color:#e7fb01}.modal-header .modal-close{background:rgba(0,0,0,0);border:none;font-size:1.5rem;color:#f2f2f2;cursor:pointer}.modal-body{margin-top:1rem;text-align:left}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group label{display:block;font-size:.75rem;margin-bottom:.25rem;color:silver}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.edit-profile-button{margin-top:.5rem;color:silver}.btn-logout{background-color:#f87171;color:#0a0a0a}.btn-logout:hover{background-color:hsl(0,90.6040268456%,60.7843137255%)}