@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--tomato: hsl(4, 100%, 67%);--dark-slate-grey: hsl(234, 29%, 20%);--charcoal-grey: hsl(235, 18%, 26%);--grey: hsl(231, 7%, 60%);--White: hsl(0, 0%, 100%);--color-primary-h: 4;--color-primary-base-s: 100%;--color-primary-l: 67%;--color-neutral-h: 245;--color-neutral-base-s: 18%;--color-neutral-l: 26%;--color-danger-h: 358;--color-danger-base-s: 79%;--color-danger-l: 66%;--color-danger-lightest: hsl(358, 79%, calc(66% * 1.4));--font-color-primary: white;--background-color: white}body{background-color:#242742;font:400 16px/1.6 Roboto,sans-serif;min-height:100vh;display:grid;place-content:center;color:var(--dark-slate-grey)}button[type=submit]{height:56px;width:100%;border-radius:.5rem;background-color:var(--dark-slate-grey);color:var(--font-color-primary);font-weight:700;font-size:1rem;cursor:pointer;border:none;transition:all .3s}button[type=submit]:hover{background-image:linear-gradient(45deg,#ff527a,#fd6937)}