@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,700;1,400;1,800&display=swap";section{display:flex;width:842px;height:653px;background-color:var(--white);place-content:center;flex-direction:column;border-radius:20px 20px 120px;padding:0 58px}form{display:grid;position:relative;grid-template-areas:"a b c" "e f g" "h i j";padding-bottom:50px;border-bottom:2px solid var(--light-grey)}form #bd-day-label{grid-area:a}form #bd-day{grid-area:e}form #error-day{grid-area:h}form #bd-month-label{grid-area:b}form #bd-month{grid-area:f}for #error-month{grid-area:i}form #bd-year-label{grid-area:c}form #bd-year{grid-area:g}form #error-year{grid-area:j}form p{padding-top:.25rem;font-size:14px;font-style:italic;color:var(--white)}form #bd-submit{grid-area:d;position:absolute;bottom:-46px;right:0;color:var(--white);background-color:var(--purple);border:none;width:96px;height:96px;border-radius:50%}#bd-submit:hover{background-color:var(--off-black)}form label{width:120px;font-weight:400;color:var(--smoke-grey);font-size:16px;letter-spacing:4px;margin-bottom:.25rem}form input{font-weight:700;width:160px;height:72px;border:2px solid var(--light-grey);border-radius:5px;padding:24px 18px;color:var(--off-black);font-family:Poppins,sans-serif;font-size:32px}input:focus{outline-color:var(--purple);caret-color:var(--purple)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#time-elapsed{display:flex;flex-direction:column}#time-elapsed p{font-weight:800;font-style:italic;font-size:80px}#time-elapsed p span{color:var(--purple)}:root{--purple: hsl(259, 100%, 65%);--ligth: hsl(0, 100%, 67%);--white: hsl(0, 0%, 100%);--off-white: hsl(0, 0%, 94%);--light-grey: hsl(0, 0%, 86%);--smoke-grey: hsl(0, 1%, 44%);--off-black: hsl(0, 0%, 8%)}body{margin:0;display:flex;place-content:center;min-width:320px;min-height:100vh;color:var(--off-black);background-color:var(--off-white);font-family:Poppins,sans-serif;font-size:32px}*{padding:0;margin:0;box-sizing:border-box}main{display:flex;place-items:center}