html{font-size:62.5%}body{--logo-color: #EE7960;--color-link: #69C6AF;--color-text: #565656;--hover-brightness: 1.1;--width-card-wide: 50rem;padding:0 1rem;font-size:2rem;text-align:center;background:radial-gradient(circle,#f4f4f4 10%,transparent 11%);background-size:5rem 5rem}form{background:#fff;margin:auto}fieldset{border:none;padding:0;margin:0;margin-bottom:2rem}legend{display:contents;font-weight:700;margin-bottom:.2rem}input,select{color:var(--color-text)}input:focus,select:focus{outline:2px solid var(--color-link)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;margin-right:.3rem;width:3rem;text-align:right}.logo{font-weight:200;background-color:var(--logo-color);color:#fff;display:inline-block;font-size:3.5rem;line-height:1;justify-content:center;margin:9rem auto 5rem;padding:.3rem 1rem;position:relative;max-width:100%;white-space:nowrap}@media screen and (min-width: 460px){.logo{margin:17rem auto 10rem;font-size:6rem;width:37rem}}@media screen and (min-width: 600px){.logo{font-size:9rem;width:50rem}}.logo:after{background-color:var(--logo-color);content:"";display:block;position:absolute;height:100%;width:100%;top:0;left:.2em;opacity:.5;transform:rotate(10deg);z-index:-1}.logo .logo__milk{position:relative;margin:0 .3em;z-index:2}.logo .logo__milk:before{content:url(/milk.svg);position:absolute;display:block;width:3.1em;left:50%;bottom:-.65em;transform:translate(-50%);z-index:-1}.form__target{display:flex;align-items:flex-end;justify-content:center}.form__target input{margin:0 1rem}.form__target .form__target-volume{width:5rem}.form__target .form__target-percentage{width:3rem}.form__source{display:flex;flex-direction:column;align-items:center}.form__source .form__source-legend{display:block;margin-bottom:.8rem;text-align:center}.form__submit{display:block;margin:auto}.result{font-size:1.8rem;text-align:center;margin-top:3rem}.result strong{font-size:2rem}