@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');:root{--ink:#171512;--paper:#f5f0e8;--line:#d5ccc0;--gold:#ae8b53}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}main{max-width:1100px;margin:auto;padding:7vh 30px}#login{max-width:370px;margin:10vh auto}p{letter-spacing:2px;text-transform:uppercase;font-size:11px}h1{font:64px Italiana;margin:8px 0 32px}form{display:grid;gap:10px}input,select,button{font:inherit;padding:12px;border:1px solid var(--line);background:transparent}button{background:var(--ink);color:var(--paper);cursor:pointer}header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);margin-bottom:25px}header h1{margin-bottom:20px}#summary{display:flex;gap:25px;font-size:13px;margin:20px 0}.toolbar{display:flex;gap:10px;margin:22px 0}.toolbar input{flex:1}.appointment{display:grid;grid-template-columns:120px 1fr auto;gap:20px;border-top:1px solid var(--line);padding:20px 0}.appointment h2{font:28px Italiana;margin:0}.appointment p{margin:5px 0;text-transform:none;letter-spacing:0;color:#625b54}.appointment select{align-self:start}@media(max-width:600px){main{padding:25px 17px}.appointment{grid-template-columns:1fr;gap:6px}.toolbar{display:grid}h1{font-size:48px}}