@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);:root{--color-lightest:#e6e5e0;--color-light:#c5d1dd;--color-medium:#a4bcd4;--color-dark:#616974}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Poppins,sans-serif;font-size:62.5%}body{align-items:center;color:#495057;display:flex;height:100vh;justify-content:center}.app{grid-column-gap:4rem;align-items:start;column-gap:4rem;display:grid;grid-template-columns:34rem 44rem;min-height:66vh}.app-title{font-size:3.6rem;font-weight:700;grid-column:1/-1;margin-bottom:1.6rem;text-align:center}.button{background-color:#a4bcd4;background-color:var(--color-medium);border:none;border-radius:7px;color:#393f44;cursor:pointer;font-weight:700;padding:.8rem 1.2rem;transition:.3s}.button:hover{background-color:#616974;background-color:var(--color-dark);color:#dde3e7}.sidebar ul{display:flex;flex-direction:column;font-size:1.4rem;gap:.4rem;list-style:none;margin-bottom:2rem}.sidebar li{grid-column-gap:1.6rem;align-items:center;border-radius:7px;column-gap:1.6rem;display:grid;grid-template-columns:4.8rem 1fr auto;padding:1.2rem;transition:.5s}.selected,.sidebar li:hover{background-color:#e6e5e0;background-color:var(--color-lightest)}.sidebar li img{border-radius:50%;grid-row:span 2;width:100%}.sidebar li h3{grid-column:2;grid-row:1}.sidebar li p{grid-column:2;grid-row:2}.sidebar li .button{grid-column:3;grid-row:span 2}.sidebar>.button{float:right;margin-right:1.2rem}.green{color:#66a80f}.red{color:#e03131}form{grid-gap:1.2rem;align-items:center;background-color:#e6e5e0;background-color:var(--color-lightest);border-radius:7px;display:grid;font-size:1.6rem;gap:1.2rem}.form-add-friend{grid-template-columns:1fr 1.5fr;margin-bottom:1.6rem;padding:1.2rem}.form-split-bill{grid-template-columns:1fr 12rem;padding:3.2rem 4rem}label{font-weight:500}label:first-letter{display:inline-block;font-size:1.8rem;margin-right:4px}input,select{border:1px solid #c5d1dd;border:1px solid var(--color-light);border-radius:4px;color:inherit;font-family:inherit;font-size:1.5rem;padding:.7rem;text-align:center;transition:.3s}input:focus,select:focus{border:1px solid #616974;border:1px solid var(--color-dark);outline:none}form .button{grid-column:2;margin-top:.6rem}form h2{font-size:2.2rem;grid-column:1/-1;letter-spacing:-.5px;margin-bottom:1.6rem;text-transform:uppercase}
/*# sourceMappingURL=main.25873797.css.map*/