@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&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}:root{--main-txt-red:rgba(255,0,0,.649)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:rgba(223,148,19,.615);display:flex;flex-direction:column;min-height:100vh}section{background-image:linear-gradient(90deg,hsla(0,0%,100%,.772),rgba(0,0,0,.706));box-shadow:3px 4px 10px 0 rgba(0,0,0,.852);display:flex;flex-direction:row;margin:3vmin auto;min-height:80vmin;width:100vmin}.search-section{justify-content:center}.results-section,.search-section{display:flex;flex-direction:column}.results-section{padding:5vmin 0}.recipe-section{grid-gap:1vmin;align-items:center;display:grid;gap:1vmin;grid-template-columns:1fr 1fr;grid-template-rows:.2fr 1fr .75fr 1fr;justify-items:center;padding:3vmin}.recipe-div{grid-column:1/3;grid-row:1/2;text-align:center}.recipe-instructions{display:flex;flex-direction:column;grid-row:3/4}.recipe-instructions,.video-div{background-color:hsla(0,0%,100%,.197);box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);grid-column:1/3;padding:4vmin}.video-div{grid-row:4/5;margin-bottom:5vmin}div.left-div,div.right-div{display:flex;flex-direction:column;height:80vmin;justify-content:center;width:50vmin}.categories-div,.results-div{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}article.random-article{display:flex;flex-direction:column;margin:0 auto;padding:1vmin}article.right-article{background-color:hsla(0,0%,100%,.197);display:grid;grid-template-rows:1fr 2fr 2fr 1.5fr;margin:0 2vmin;padding:1vmin}.recipe-h1,.results-h1{font-family:Luckiest Guy;font-size:4vmin}h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3vmin;font-weight:lighter}h1,h1.right-h1{text-align:center}h1.right-h1{font-weight:400;grid-row:3/4;margin:2vmin}h2{font-family:Luckiest Guy;font-size:4.5vmin;font-weight:100;text-align:center}h2.random-h2{margin:3vmin 0}h3{font-family:Luckiest Guy;font-size:3.5vmin;font-weight:100;text-align:center}h3.flash{align-self:center;-webkit-animation:flash 3s linear infinite;animation:flash 3s linear infinite;grid-row:2/3}@-webkit-keyframes flash{0%{font-size:3.5vmin}25%{font-size:4vmin}50%{font-size:4.5vmin}to{font-size:3.5vmin}}@keyframes flash{0%{font-size:3.5vmin}25%{font-size:4vmin}50%{font-size:4.5vmin}to{font-size:3.5vmin}}.recipe-img{border:3px solid #000;border-radius:40%;box-shadow:0 3px 3px 3px rgba(0,0,0,.627);grid-column:1/2;grid-row:2/3;height:40vmin;padding:15px;width:40vmin}table{background-color:hsla(0,0%,100%,.197);box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);grid-column:2/3;grid-row:2/3;padding:4vmin;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.measure{padding:0 1vmin;text-align:right}img.random-img{border:3px solid #000;border-radius:50%;box-shadow:0 3px 3px 3px rgba(0,0,0,.627);margin:0 auto;padding:15px;width:45vmin}.categories-div,.dish-div{display:flex;flex-wrap:wrap;justify-content:space-around}div.categories-div{align-content:center}div.hourglass-div{align-items:center;display:flex;margin:0 auto}.hourglass{height:15vmin;margin:25vh auto;pointer-events:none}@media (prefers-reduced-motion:no-preference){.hourglass{-webkit-animation:hourglass-spin 5s linear infinite;animation:hourglass-spin 5s linear infinite}}@-webkit-keyframes hourglass-spin{0%{-webkit-transform:rotate3d(0);transform:rotate3d(0)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}@keyframes hourglass-spin{0%{-webkit-transform:rotate3d(0);transform:rotate3d(0)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}.review-div{background-color:hsla(0,0%,100%,.197);grid-column:1/3;grid-row:5/5}ul.navbar{background-image:linear-gradient(270deg,hsla(0,0%,100%,.772),rgba(0,0,0,.706));box-shadow:3px 4px 10px 0 rgba(0,0,0,.852);height:8vmin;justify-content:flex-end;list-style:none;margin:3vmin auto;width:100vmin}.navbar li,ul.navbar{align-items:center;display:flex}.navbar li{flex-direction:row;font-family:Luckiest Guy,cursive;font-size:4vmin;margin-right:7vmin}.navbar a{color:#000;text-decoration:none}.navbar>.logout-button:hover,.navbar>a:hover{color:rgba(255,217,0,.9);text-shadow:2px 2px 2px #000}li.navbar span{margin-bottom:-2vmin}.navbar>img{height:5vmin}footer{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto 2vmin;text-align:center}div.category-div{align-items:center;display:flex;flex-direction:column;height:45vmin;justify-content:center;margin:0 1vmin;width:30vmin}.category-img{box-shadow:10px 10px 10px 0 rgba(0,0,0,.646);margin:0 auto;width:27vmin}.category-h4{word-wrap:normal;background:rgba(0,0,0,.3);color:rgba(255,217,0,.9);font-family:Luckiest Guy;font-size:3vmin;font-weight:100;letter-spacing:.25vmin;margin-top:5vmin;padding:2vmin;text-align:center;text-shadow:2.5px 2.5px 2.5px rgba(0,0,0,.87)}.category-link{text-decoration:none}.category-h4:hover{font-size:3.5vmin}.form{align-items:center;background-color:hsla(0,0%,100%,.197);display:flex;flex-direction:column;height:40vmin;justify-content:center;margin:0 auto;width:60vmin}.form-h1{font-family:Luckiest Guy;font-size:4vmin}.ingredient-div{display:flex;flex-direction:column}input{border:1px solid #000;font-size:3vmin;height:5vmin;margin-bottom:2vmin;margin-top:2vmin;padding:1vmin;width:40vmin}.ingredient-span,select{text-align:center}select{font-size:3vmin;height:5vmin;margin-bottom:2vmin;margin-top:2vmin;width:40vmin}button{background-color:#000;border:none;border-radius:4vmin;color:#fff;font-size:2vmin;font-weight:900;height:5vmin;width:20vmin}.dish-div{display:flex;flex-direction:column;height:50vmin;margin:2vmin 1vmin;width:30vmin}img.dish-thumb{box-shadow:10px 10px 10px 0 rgba(0,0,0,.646);margin:0 auto;width:27vmin}img.dish-thumb:hover{border:1px solid #000;border-radius:50%;box-shadow:0 3px 3px 3px rgba(0,0,0,.627);padding:5px;-webkit-transform:scale(1.75);transform:scale(1.75)}h4.dish-name{word-wrap:normal;background:rgba(0,0,0,.3);color:rgba(255,217,0,.9);font-family:Luckiest Guy;font-size:2.5vmin;font-weight:100;letter-spacing:.25vmin;min-height:10vmin;padding:2.75vmin 1vmin;text-align:center;text-shadow:2.5px 2.5px 2.5px rgba(0,0,0,.87)}.review-div{background:#fdfdfd;border-radius:10px;border-top:2px solid #aaa;box-shadow:0 0 10px rgba(0,0,0,.1);margin:2rem auto 0;max-width:800px;padding:1.5rem;width:100%}#sort{background-color:#fff;border:1px solid #ccc;border-radius:6px;display:block;font-size:1rem;margin:0 auto 1rem;padding:.5rem}.review-list{list-style:none;margin:0;padding:0}.review{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:1rem}.review p{line-height:1.4;margin:.3rem 0}.review strong{color:#333;font-size:1.1rem}.review .review-meta{color:#666;font-size:.9rem}.review-rating{color:#f39c12;font-weight:700}.review-comment{color:#444;font-style:italic;margin-top:.5rem}.edit-rating{max-width:200px;padding:5px}.edit-rating,.edit-textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:10px;width:100%}.edit-textarea{min-height:100px;padding:10px;resize:vertical}.review-actions{display:flex;gap:10px;margin-top:10px}.review-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 15px}.review-actions button:first-child{background-color:#4caf50;color:#fff}.review-actions button:last-child{background-color:#f44336;color:#fff}.review-form{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);margin-top:2rem;padding:1.5rem}.review-form h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.review-form select,.review-form textarea{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.8rem;width:100%}.review-form select{cursor:pointer;max-width:200px}.review-form textarea{min-height:120px;resize:vertical}.review-form button[type=submit]{background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .3s}.review-form button[type=submit]:hover{background-color:#45a049}
/*# sourceMappingURL=main.2dd16017.css.map*/