@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--Moderate-blue: hsl(238, 40%, 52%);--Soft-Red: hsl(358, 79%, 66%);--Light-grayish-blue: hsl(239, 57%, 85%);--Pale-red: hsl(357, 100%, 86%);--Dark-blue: hsl(212, 24%, 26%);--Grayish-Blue: hsl(211, 10%, 45%);--Light-gray: hsl(223, 19%, 93%);--Very-light-gray: hsl(228, 33%, 97%);--White: hsl(0, 0%, 100%);--color-primary-h: 238;--color-primary-base-s: 40%;--color-primary-l: 52%;--color-primary-lightest: #c5c6ef;--color-neutral-h: 211;--color-neutral-base-s: 10%;--color-neutral-l: 45%;--color-danger-h: 358;--color-danger-base-s: 79%;--color-danger-l: 66%;--font-color-primary: white;--background-color: var(--Very-light-gray);--shadow: 0px 10px 20px -10px hsla(180, 29%, 50%, .4)}body{background-color:var(--background-color);font:400 16px/1.6 Rubik,sans-serif;min-height:100vh;display:grid}h1{color:var(--Dark-blue)}button{cursor:pointer;padding-inline:1.2rem;padding-block:.5rem;font-size:1rem;border-radius:.3rem;display:inline-flex;gap:.5rem;align-items:center;font-weight:600;background:transparent;border:none;color:var(--Moderate-blue)}button.primary,button.solid.neutral{color:#fff;background-color:var(--Moderate-blue)}button.danger{color:var(--Soft-Red)}ul{list-style:none}dialog{margin:auto;padding-inline:2rem;padding-block:2rem;border:none;box-shadow:var(--shadow);border-radius:.5rem;min-width:300px;max-width:400px}dialog>form{display:grid;gap:1rem}dialog>form h1{font-size:1.3rem;font-weight:500}dialog>form>p{font-size:.95rem}dialog>form footer{display:flex;justify-content:space-around}p{color:var(--font-color-secondary)}textarea{grid-area:text;width:100%;padding:.5rem;border-radius:.4rem;border:1px solid var(--Light-gray);resize:none}