@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-ZSsMog1C.woff2) format("woff2"),url(/assets/Poppins-Bold-C-ioaY1I.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-BlackItalic-8RGqr6nd.woff2) format("woff2"),url(/assets/Poppins-BlackItalic-CUS538D4.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-C9Uvnc-S.woff2) format("woff2"),url(/assets/Poppins-SemiBold-CfvoOXnn.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Italic-CueyW0dZ.woff2) format("woff2"),url(/assets/Poppins-Italic-BI2lkQKE.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}:root{--clr-purple: hsl(259, 100%, 65%);--clr-light-red: hsl(0, 100%, 67%);--clr-white: hsl(0, 0%, 100%);--clr-off-white: hsl(0, 0%, 94%);--clr-light-grey: hsl(0, 0%, 86%);--clr-smokey-grey: hsl(0, 1%, 44%);--clr-off-black: hsl(0, 0%, 8%);--ff-primary: "Poppins", sans-serif;--fs-input: 32px;--fw-normal: 400;--fw-semi: 700;--fw-bold: 800}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.6}h1,h2,h3,h4,button,input,label{line-height:1.1}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}body{font-family:var(--ff-primary);display:flex;align-items:center;justify-content:center;background-color:var(--clr-off-white)}main{min-width:350px;max-width:550px;margin:1rem;padding-block:2.5rem;padding-inline:1.5rem;background-color:var(--clr-white);display:flex;flex-direction:column;justify-content:center;border-radius:1.5rem 1.5rem 6rem}label{text-transform:uppercase;color:var(--clr-smokey-grey);font-size:small;font-weight:600;letter-spacing:2px}label[class=error]{color:var(--clr-light-red)}input{width:100%;margin-block:.2rem;padding:.6rem .5rem;font-size:1.3rem;font-weight:var(--fw-semi);border:1px solid var(--clr-light-grey);border-radius:.5rem;outline-width:1px;outline-color:var(--clr-purple);text-indent:.5rem}input[class=error]{border-color:var(--clr-light-red)}.form--item{display:flex;flex-direction:column}.form--container{display:flex;gap:1rem}.input--error{font-weight:400;font-size:x-small;font-style:italic;color:var(--clr-light-red);letter-spacing:.5px;padding-inline-start:3px}.middle--item{display:flex;justify-content:center;align-items:center;margin-block-start:1.5rem}hr{flex:1;height:1px;color:var(--clr-light-grey);background-color:var(--clr-light-grey);border:none}.img--container{background-color:var(--clr-purple);padding:1rem;border-radius:50%;border:none;cursor:pointer;transition:all 10ms linear}.img--container:hover{background-color:var(--clr-off-black)}.img--container:active{transform:scale(.9)}.img--container img{width:30px}.res--div{font-size:3.2rem;font-weight:900;font-style:italic;line-height:1;color:var(--clr-off-black);margin-block-start:1.5rem}.res--value{color:var(--clr-purple)}@media screen and (min-width: 500px){main{padding-inline:2rem;border-bottom-right-radius:8rem}.middle--item{margin-block-start:.5rem}.form--container{max-width:85%}.img--container{order:1}.res--div{font-size:3.8rem;margin-block-start:.5rem}}