@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300;1,500&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Reenie Beanie,cursive}.App{text-align:center}body{background-color:#e9caf3}.error-message,.route-error-message{display:flex;font-size:40px;justify-content:center}@media screen and (min-device-width:0px) and (max-device-width:800px){.error-message,.route-error-message{font-size:18px}}.nav-bar{align-items:center;background-color:#d8fbc2;display:flex;font-family:Roboto,sans-serif;font-size:25px;height:auto;justify-content:space-between;padding:10px;width:100%}.logo-title{margin:0}@media screen and (min-device-width:0px) and (max-device-width:800px){.nav-bar{flex-direction:column}}.shelf{align-items:center;background-color:#d8fbc2;display:grid;flex-direction:column;justify-items:center;margin-top:100px;padding:20px}.images,.product-names{display:flex;font-size:20px}img{background-color:#d8fbc2;height:150px;width:150px}img,p{padding:40px}.shelf-header{font-size:35px;margin:0}@media screen and (min-device-width:0px) and (max-device-width:800px){.images{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:center}}.catalog-title{font-size:40px;padding-top:10px}.catalog{flex-wrap:wrap;padding-top:40px}.catalog,.filter-options{display:flex;justify-content:center}label{font-size:25px}.no-products-message{font-size:30px}@media screen and (min-device-width:0px) and (max-device-width:800px){.catalog-title{font-size:30px}.filter-options{display:flex;flex-wrap:wrap}label{font-size:12px}.no-products-message{font-size:15px}}.modal-container{background-color:#e9caf3;display:flex;height:100%;margin:0}.modal-img{height:500px;width:500px}.modal-details{align-items:center;display:flex;flex-direction:column;font-size:30px;justify-content:flex-start;padding:10px;width:100%}.modal-btn{height:150px;width:200px}@media screen and (min-device-width:0px) and (max-device-width:850px){.modal-container{align-items:center;flex-direction:column;font-size:16px}.modal-details{background-color:#e9caf3;font-size:18px;padding:0}.modal-img{height:auto;width:250px}.ReactModal__Content{font-size:12px}}.quiz-container{display:flex;flex-wrap:wrap;justify-content:center}.quiz-title{font-size:35px}.question-button{margin:5px}.blurb{font-size:30px}@media screen and (min-device-width:0px) and (max-device-width:800px){.question-button{font-size:20px;height:auto;min-height:175px}}.main-buttons{align-items:center;display:flex;justify-content:space-around;padding-top:100px}button{background-color:#d8fbc2;border:1px solid #000;cursor:pointer;font-family:Reenie Beanie,sans-serif;font-size:40px;height:300px;width:300px}button:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:scale(1.02);transform:scale(1.02)}@media screen and (min-device-width:0px) and (max-device-width:800px){.main-buttons{flex-wrap:wrap;justify-content:center;padding-top:25px}button{height:175px;margin:20px;width:175px}}.details{align-items:center;display:flex;flex-direction:column;height:45vh;justify-content:space-evenly}.profile-title{font-size:50px;margin-top:20px}.skin-results{display:flex;flex-direction:column;font-size:40px;justify-content:center}.quiz-btn,.return-home-btn{height:200px;left:75%;position:absolute;top:12%}.return-home-btn{top:40%}p{margin:10px;padding:2px}@media screen and (min-device-width:0px) and (max-device-width:800px){.details{height:auto}.quiz-btn,.return-home-btn{left:auto;position:relative;top:auto}.shelf{margin:10px}}
/*# sourceMappingURL=main.d77ce3f5.css.map*/