:root{--color-lightest:#fff4e6;--color-light:#ffe8cc;--color-medium:#ffa94d;--color-dark:#ff922b}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:62.5%;@media only screen and (max-width:45rem){font-size:50%}}body{color:#495057;display:flex;height:100vh;justify-content:center}.container{max-width:700px}.container:before{background-image:url(/static/media/graffiti.e1ebdff17a742af0e27f.jpg);background-size:cover;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0;z-index:-1}.header{color:#ff922b;color:var(--color-dark);font-size:3.6rem;margin-bottom:3rem;margin-top:2rem;text-align:center}.header h6{font-size:1.5rem;font-weight:400;letter-spacing:5px;text-transform:uppercase}.empty-book{color:#ff922b;color:var(--color-dark);font-size:1.4rem;margin-top:4rem;text-align:center}.searchbar{grid-column-gap:2.6rem;align-items:center;background-color:#fff4e6;border-radius:7px;box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-column-gap:2.6rem;column-gap:2.6rem;display:grid;grid-template-columns:repeat(3,1fr);justify-content:start;margin-bottom:2rem;padding:1.2rem;transition:.5s}.button,.button-outline{background-color:#ffa94d;background-color:var(--color-medium);border:none;border-radius:7px;color:#343a40;cursor:pointer;font-weight:700;padding:.8rem 1.2rem;transition:.3s}.button-outline{background-color:#fff4e6;border:1px solid #ffa94d;border:1px solid var(--color-medium);padding:.8rem 4rem}.button:hover{background-color:#ff922b;background-color:var(--color-dark)}.button-outline:hover{background-color:#ffebce}.addressbook ul{font-size:1.4rem;list-style:none}.addressbook li{grid-column-gap:6rem;align-items:center;background-color:#fff4e6;border-radius:7px;box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-column-gap:6rem;column-gap:6rem;display:grid;grid-template-columns:10px repeat(3,1fr) 1rem;justify-content:start;margin-bottom:10px;padding:1.2rem}.selected{outline:1px solid #ffa94d;outline:1px solid var(--color-medium);outline-offset:-1px}.running-number{color:#9f9f9f;font-size:1.6rem;font-weight:500;letter-spacing:.5px}form{background-color:#fff4e6;background-color:var(--color-lightest);border-radius:7px;font-size:1.6rem;margin-bottom:10px}.form-add-contact{grid-gap:1.2rem;align-items:center;box-shadow:0 4px 16px rgba(0,0,0,.1);display:grid;gap:1.2rem;grid-template-columns:9rem 1fr 9rem 1fr;margin-bottom:1.6rem;padding:1.2rem}.form-edit-contact-container{grid-column:1/-1;margin-top:.5rem}.form-edit-contact{grid-gap:1.2rem;align-items:center;display:grid;gap:1.2rem;grid-template-columns:9rem 1fr 9rem 1fr;padding:1.2rem 1.2rem 0}.delete{display:flex;justify-content:center;margin-top:1.5rem}label{font-weight:500}input,select{border:1px solid #ffe8cc;border:1px solid var(--color-light);border-radius:4px;color:inherit;font-family:inherit;font-size:1.2rem;padding:.7rem;text-align:center;transition:.3s}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;background-position:calc(100% - 12px)!important;background:url("data:image/svg+xml;charset=utf-8,%3Csvg height='10' width='10' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat;cursor:pointer;padding:8px 32px 8px 16px}input:focus,select:focus{border:1px solid #ff922b;border:1px solid var(--color-dark);outline:none}input[type=checkbox]{accent-color:#ffa94d;accent-color:var(--color-medium)}form .button,form .button-outline{grid-column:4;margin-top:.2rem}form h2{font-size:2.2rem;grid-column:1/-1;letter-spacing:-.5px;margin-bottom:1.6rem;text-transform:uppercase}.footer p{color:#b8b8b8;color:#ff922b;color:var(--color-dark);color:#706f6f;font-family:Epilogue,sans-serif;font-size:1.1rem;font-weight:500;margin:3rem 0;text-align:center}
/*# sourceMappingURL=main.321879ac.css.map*/