body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:18px}.App{word-wrap:break-word;align-items:center;display:flex;flex-direction:column;font-family:Helvetica,Arial,sans-serif;height:100vh;width:100vw}*{box-sizing:border-box}h1{font-size:2.5rem;letter-spacing:4px}h2{font-size:1.8rem}h3{font-size:1.3rem}p{line-height:1.5}body{--color1:#1f0318;--color2:#e5f2c9;--color4:#fdf1c3;--color5:#ff0d0c;--color6:#d1d0cf;--colorBeige:hsla(11,55%,87%,.9);--colorBurgundy:#5b0d0d;--colorCream:#958a84;--colorLightOrange:#e5a142;--colorCharcoal:#464646;background-color:var(--colorBeige);color:var();cursor:default;display:flex;flex-direction:column;justify-content:center}button{cursor:pointer}@media screen and (max-width:600px){h1{font-size:2.1rem;letter-spacing:5px;text-align:center}h2{font-size:1.5rem;line-height:1.25}h3{font-size:1.2rem}}.footer{background-color:var(--colorBurgundy);border-top:3px solid var(--color1);color:#fff;height:40px;justify-content:flex-end}.footer,header{align-items:center;display:flex;padding:20px;width:100vw}header{background-color:#fff;border-bottom:4px solid var(--color1);gap:10px;height:110px;justify-content:flex-start}:focus{box-shadow:#fff 0 0 0 2px,var(--colorLightOrange) 0 0 0 5px;outline:3px solid transparent;outline-offset:2px}:focus:not(:focus-visible){box-shadow:none;outline:3px solid transparent;outline-offset:2px}:focus-visible{box-shadow:#fff 0 0 0 2px,var(--colorLightOrange) 0 0 0 4px;outline:3px solid transparent;outline-offset:2px}.material-filter{align-items:center;background-color:#fff;border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,.503);display:flex;flex-direction:column;gap:10px;height:30%;justify-content:space-between;margin:40px;padding:30px 60px;width:50vw}.submit-button{align-self:center;background-color:var(--colorLightOrange);border:none;border-radius:300px;font:var(--colorCream);font-size:large;font-weight:700;margin:20px;padding:20px;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.submit-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.filter-label{align-self:flex-start;color:#000;margin-bottom:-6px;margin-top:10px}.filter-select{border:1px solid var(--colorCharcoal);border-radius:4px;padding:.8rem 1.2rem;width:40ch;width:100%}.filter-select:focus:not(:focus-visible){border-color:var(--colorLightOrange);box-shadow:0 0 0 2px var(--colorLightOrange)}.filter-select:focus-visible{border-color:var(--colorLightOrange);box-shadow:0 0 0 2px var(--colorLightOrange)}.weight-select{display:flex;flex-direction:row;width:100%}#weight{width:70%}#unit{width:30%}@media screen and (max-width:600px){.material-filter{margin:25px 18px;padding:20px 35px;width:90vw}}.recycler{background-color:#fff;border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,.503);margin:15px;padding:20px 40px;width:90%}.recycler:hover{cursor:pointer;-webkit-transform:scale(1.02);transform:scale(1.02);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}a{color:#000;text-decoration:none}.results-list{margin-bottom:25px;width:80vw}.results-list,.results-message-container{align-items:center;display:flex;flex-direction:column}.results-message-container{background-color:var(--colorCharcoal);border-top-left-radius:4px;border-top-right-radius:4px;color:#fff}.results-message{align-items:flex-start;display:flex;flex-direction:column;margin-top:15px;padding:20px 50px;width:80vw}.results-container{align-items:center;background-color:var(--colorCharcoal);border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:flex;flex-direction:column;margin-bottom:40px}@media screen and (max-width:600px){.results-list{margin:0;width:100vw}.results-message{padding:10px 30px;width:100vw}.results-message-container{border-top-left-radius:0;border-top-right-radius:0;width:100vw}.results-container{border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0}}.welcome-container{align-items:center;background-color:rgba(0,0,0,.6);display:flex;flex-direction:column}.welcome-message{align-self:center;color:#fff;display:flex;flex-direction:column;padding:25px;width:80vw}@media screen and (max-width:600px){.welcome-message{padding:10px;width:90vw}}.main{align-items:center;display:flex;flex-direction:column;min-height:90vh;min-width:100vw}h2{margin:0}
/*# sourceMappingURL=main.ce288b39.css.map*/