@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;1,400;1,800&display=swap";:root{--purple: hsl(259, 100%, 65%);--light-red: hsl(0, 100%, 67%);--white: hsl(0, 0%, 100%);--off-white: hsl(0, 0%, 94%);--light-grey: hsl(0, 0%, 86%);--smokey-grey: hsl(0, 1%, 44%);--off-black: hsl(0, 0%, 8%)}*{font-family:Poppins,sans-serif;padding:0;margin:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.wrapper{display:grid;place-items:center;height:100vh}.container{max-width:650px}form{display:flex;gap:20px}.input-container{display:flex;flex-direction:column}label{color:var(--smokey-grey);text-transform:uppercase;margin-bottom:10px}input{padding:10px;font-size:30px;max-width:150px;border:1px solid var(--light-grey);margin-bottom:10px}input.error{border-color:var(--light-red)}.error-message{color:var(--light-red);font-size:12px;font-weight:100;margin:0}.button-wrapper{display:grid;place-items:end}button{border:0;cursor:pointer}.arrow-wrapper{background-color:var(--purple);padding:20px;border-radius:50%}.arrow-wrapper:hover{background-color:var(--off-black)}h1{font-size:100px;font-weight:900;font-style:italic;margin:0;line-height:1}span{color:var(--purple)}