body{margin:0}header{width:100%;margin-bottom:20px;display:flex;align-items:baseline;justify-content:space-evenly}h1{font-size:45px;color:#efefef;width:75%;padding-left:15px}.logged-in{margin-right:10px}.link{text-decoration:none}.link,.link:hover{color:#efefef}.logged-in,.login-container{display:flex;flex-direction:column;align-items:right}.header-button{background-color:#ae4421;border-radius:10px}.header-button>a:hover,.header-button>a:link{color:#efefef;border-color:#313753}.header-button>a:visited{color:#efefef}@media (min-width:750px){h1{width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:65px;margin:auto;padding:10px 5px}header{flex-direction:column;padding:20px 0}.logged-in,.login-container{flex-direction:row;align-items:baseline;align-self:flex-end;padding:10px;position:relative;right:25px}.header-button{margin:0 10px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.header-button>a{height:100%;font-size:20px;padding:10px 16px}}#root{display:flex;flex-direction:column;justify-content:space-between}#root,body,html{width:100%;height:100%}body,html{background:linear-gradient(#1a1a2e,#16213e,#1a1a2e);color:#efefef}main{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column}nav{padding:20px 0}nav>ul{margin:0;padding:0;display:flex;justify-content:space-around}li{list-style-type:none}.nav-link{text-decoration:none;color:#efefef}.big-container{width:100%;height:100%}@media (min-width:750px){body{font-size:25px}nav{padding:0 0 20px}}@media (min-width:900px){.big-container{display:flex;height:auto;justify-content:space-around;align-items:flex-start}.filters{position:relative;top:100px}.wheel-container{max-width:50%}.popup{margin:0}}.filters{width:75%;height:auto;margin:auto;padding:5px 10px;background-color:#313753;border-radius:5px;box-shadow:2px 3px 6px 3px #121212}select{background-color:#1a1a2e;color:#efefef;border:none;padding:2px}.filter-button{background-color:#16213e;color:#efefef}.form-group{display:flex;flex-direction:column;padding:10px 0}fieldset{border:0}.filter-heading{width:100%;padding:0;margin:0}@media (min-width:900px){.filters{max-width:50%;margin:0 0 0 20px}}.display{background-color:#313753;border-radius:5px;box-shadow:2px 3px 6px 3px #121212;color:#efefef;z-index:10;position:relative;top:-250px;width:75%;display:flex;flex-direction:column}button:hover{color:#ae4421;border-color:#ae4421}#result{color:#efefef;font-size:25px;width:100%;padding:10px}.ingredients-list{padding:0 0 0 20px}.close{width:90%;margin:auto}.result-button{margin-right:10px;margin-bottom:10px}.details{align-self:flex-end}#readout{padding:10px}@media (min-width:900px){.display{top:-300px}.details{padding:0 5px}}.wheel-container{width:100%;height:fit-height;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#wheel,.wheel-container{overflow-y:hidden;overflow-x:hidden}#wheel{min-width:300px;min-height:300px;width:auto;height:auto}#reset,#spin{z-index:5;font-size:20px;padding:10px 18px;margin:15px 0;background-color:#ae4421;border-radius:10px;box-shadow:2px 3px 6px 3px #121212}#spin:hover{color:#00b478;border-color:#00b478}#reset:focus,#spin:focus{outline:none}#reset:hover{color:red;border-color:red}#selector{font-size:40px;z-index:3;color:#ae4421;text-shadow:3px 3px #121212}input{font-size:16px;border:none;border-bottom:1px solid #000}@media (min-width:900px){.wheel-container{margin:0;padding:0;height:100%}}footer{position:relative;text-align:center;padding:20px 0}.details-container{display:flex;flex-direction:column;align-items:center;width:80%;height:auto;margin:auto}div>.details-container{align-items:flex-start}.back-button{background-color:#ae4421;border-radius:10px;box-shadow:2px 3px 6px 3px #121212}.back-button:hover{color:#313753;border-color:#313753}a:hover{color:#ae4421}h3 a{color:#efefef;font-size:35px}.visit{font-size:14px}p{font-size:20px}h3 a:hover{color:#ae4421}.recipe-container{width:95%;height:100%}h3{text-align:center;font-size:30px}.content-container{width:80%;margin:auto}.ingredients-container{width:60%;margin:auto}.back{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-self:flex-end}.registration-form{height:auto;margin:auto;padding:5px 10px}.detail,.registration-form{width:75%;background-color:#313753;border-radius:5px;box-shadow:2px 3px 6px 3px #121212}.detail{padding-left:10px;margin:10px 0}.detail-link{color:#efefef;font-size:25px}h2{width:75%;margin:15px 30px;font-size:40px}.favorites-container{display:flex;flex-direction:column;align-items:center}#style{vertical-align:top;font-size:12px}input{background-color:#1a1a2e;color:#efefef}.red{color:red;font-weight:700}.new-thing-form{width:75%;height:auto;margin:auto;padding:5px 10px;background-color:#313753;border-radius:5px;box-shadow:2px 3px 6px 3px #121212}.required{color:red}input[type=number],input[type=text],select{padding:5px}.form-container,.recipe-container{width:100%;align-items:center}.form-container,.recipe-container,.restaurant-container,.user-recipes{display:flex;flex-direction:column}.restaurant-container{align-items:center}.user-restaurants{display:flex;flex-direction:column}.label{font-size:12px;vertical-align:top}.add{align-self:center;width:30%;margin:10px auto auto;padding:10px;border-radius:10px;border:none;background-color:#ae4421;box-shadow:2px 3px 2px #121212}.add>a{color:#efefef;text-decoration:none}button{margin:5px 0;color:#efefef;background-color:#16213e;border:none;border-radius:10px;padding:5px 7px;box-shadow:1px 2px 1px #121212}@media (min-width:750px){button{font-size:20px;padding:10px 16px}}.login-form{width:75%;height:100;margin:auto;padding:5px 10px;background-color:#313753;border-radius:5px;box-shadow:2px 3px 6px 3px #121212}input{padding:5px}.sign-up{background-color:#434d77;border-radius:5px;box-shadow:2px 3px 6px 3px #121212;padding:2px;margin-top:10px}.sign-up>p{margin:0;padding:5px}p>a{color:#efefef}.login-page{width:100%;height:100%}.login-heading,.register-heading{position:relative;top:-35px}@media (min-width:650px){.login-form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.login-heading,.register-heading{position:relative;top:-50px;margin:auto}}.popup{background-color:#313753;border-radius:5px;box-shadow:2px 3px 6px 3px #121212;width:85%;margin-left:auto;margin-right:auto;padding:10px;z-index:8;position:absolute;left:0;right:0}
/*# sourceMappingURL=main.553380fe.chunk.css.map */