@import url(https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@200;300;400;500;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap);body,html{height:100%;margin:0;padding:0;width:100%}#root,.App{height:100vh;width:100%}.App{background-image:url(/static/media/yellowLiquidBackgroundMobile.2d3c8426dc1a96fd4c68.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#545454;font-family:Open Sans,sans-serif;opacity:.9;transition:.25s ease}h1{color:#da7e05;font-family:Arima Madurai,cursive;line-height:1}h1,h2{margin:0;padding:0}h2{line-height:1.2}h3{font-weight:700}h3,h4{font-size:18px;line-height:1;margin:0;padding:0}h4{font-weight:500}.sparkle-one{left:-30px;top:-15px}.sparkle-one,.sparkle-two{height:30%;position:fixed;z-index:-1}.sparkle-two{bottom:-25px;right:-20px}@media only screen and (min-width:700px){.App{background-image:url(/static/media/yellowLiquidBackgroundDesktop.93c45fd94629c8efdad2.png);transition:.25s ease}.dark-mode .App{background-image:url(/static/media/darkmodeLiquid.ef944f1f9ee553ad49b8.png);transition:.25s ease}}.NavBar-main{position:fixed;width:100%;z-index:2}.NavBar-container{background-color:#fff;box-shadow:0 0 10px -3px grey;display:flex;height:60px;justify-content:space-between;position:fixed;transition:1s ease;width:100%}.NavBar-container.hidden{margin-top:-75px;transition:1s ease}.handShake-icon{height:100px;margin-top:-20px}.menuBars-icon{align-self:center;color:#da7e05;font-size:36px;margin-right:10px}.menuBars-icon:hover{color:#da7e05;opacity:100%;transition:.5s ease}.hiddenMenu{height:40px;visibility:hidden}.dropFields{left:99.6vw;list-style:none;margin:auto;position:absolute;top:4.5vh;transition:all .5s ease;visibility:visible}.dropFields li{background-color:#fff;border-radius:5px;box-shadow:0 0 25px -3px grey;color:#545454;font-family:Arima Madurai,cursive;font-size:20px;font-weight:700;margin:2.5px;padding:2px;text-align:center;transition-duration:.5s}.dropFields li:hover{background-color:#da7e05;border:2px outset #545454;color:#fff;transition-duration:.2s}.dropMenuContainer{background-color:hsla(0,0%,100%,.3);border-radius:5px;height:8vh;margin-left:-6vw;margin-top:3vh;min-height:78px;min-width:55px;padding:5.5px}.darkModeToggle{align-self:center;position:absolute;right:3vw;top:1.4vh}@media only screen and (min-width:701px) and (max-width:1299px){.dropMenuContainer{height:8vh;margin-left:-8vw;padding:5px}.dropFields{left:90vw;margin-left:8.5vw}.dropFields li{max-width:12vw;min-width:6vw}.darkModeToggle{right:6vw;top:1.4vh}}@media only screen and (max-width:700px){.dropMenuContainer{height:8.5vh;margin-left:6vw;margin-top:3vh;max-width:15vw}.dropFields{left:75vw}.dropFields li{min-width:15vw}.darkModeToggle{right:12vw;top:1.4vh}}@media only screen and (min-width:500px) and (max-width:699px){.dropFields{left:81vw}}@media only screen and (max-height:700px) and (max-width:300px){.dropMenuContainer{margin-top:5vh}.dropFields li{width:18vw}.dropFields{left:70vw}}.StartPage-main{height:100%;overflow:hidden;width:100%}.StartPage-container{align-content:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.AgreeToDisagreeLogo{padding-bottom:25px;transition:.25s ease;width:350px}.start-button-container{display:flex;justify-content:center;padding-bottom:50px;width:100%}.start-button{background-color:#da7e05;border-radius:20px;box-shadow:0 0 5px 0 grey;color:#fff;font-size:20px;font-weight:700;letter-spacing:1px;padding:10px 15px}.start-button:hover{cursor:pointer;opacity:.8}.start-button.clicked{margin-right:100%;opacity:0;transition:.5s ease}@media only screen and (min-width:700px){.AgreeToDisagreeLogo{transition:.25s ease;width:400px}}.animated{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes rollOut{0%{-webkit-transform:translateX(0) rotate(0deg)}to{-webkit-transform:translateX(600%) rotate(680deg)}}@keyframes rollOut{0%{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}to{-webkit-transform:translateX(600%) rotate(680deg);transform:translateX(600%) rotate(680deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}.EditModal-main{align-content:center;background-color:hsla(0,0%,76%,.569);height:100%;left:0;position:fixed;top:0;transition:.5s ease;width:100%;z-index:3}.EditModal-container,.EditModal-main{display:flex;flex-wrap:wrap;justify-content:center}.EditModal-container{background-color:#fff;border-radius:20px;height:500px;opacity:1;padding:15px;transition:1s ease;width:300px}.EditModal-container.EMChidden{margin-top:-1000px;transition:1s ease}.EditModal-top{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%}.EditModal-top span{margin-top:-5px;z-index:2}.EditModal-top span:hover{cursor:pointer;opacity:.5}.EditModal-top span:active{scale:1.1}.EditModal-option-container{display:flex;justify-content:center;margin-bottom:-40px;margin-top:-40px;width:100%}.EditModal-main .Option-container{border-radius:10px}.EditModal-main .Option-container:active{scale:none}.EditModal-main .Option-container:hover{cursor:auto;opacity:1}.EditModal-main .Option-name-container{display:none}.EditModal-main .food-input{width:100%}.EditModal-form{display:grid;width:100%}.orange-circle-small.submit-button{border-radius:20px;height:35px;margin:15px auto auto;padding:0 15px;width:auto}.EditModal-container h3{width:100%}.EditModal-container .Add-food-text-row{display:flex;flex-wrap:wrap;margin-top:10px}.Edit-buttons{display:flex;width:100%}.EditModal-x{align-content:center;display:flex;flex-wrap:wrap;height:30px;justify-content:center;padding-bottom:5px;width:30px;z-index:3}.Option-container{border-radius:50%;box-shadow:0 0 10px -1px grey;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100px;margin:9px;overflow:hidden;width:100px}.MainPage-main .Option-container:active{scale:1.1}.MainPage-main .Option-container:hover{cursor:pointer;opacity:.5}img.Option-image{grid-column:1;grid-row:1;height:100px}.Option-name-container{align-content:center;color:#fff;display:flex;flex-wrap:wrap;grid-column:1;grid-row:1;justify-content:center;width:100px;z-index:1}.Option-name{background-color:hsla(0,0%,100%,.8);color:#1d1d1d;padding:2px 0;text-align:center;width:100px}@media screen and (min-width:700px){.Option-container{border-radius:50%;box-shadow:0 0 10px -1px grey;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:150px;margin:15px;overflow:hidden;width:150px}img.Option-image{grid-column:1;grid-row:1;height:150px}.Option-name-container{align-content:center;color:#fff;display:flex;flex-wrap:wrap;grid-column:1;grid-row:1;justify-content:center;width:150px;z-index:1}.Option-name{background-color:hsla(0,0%,100%,.8);color:#1d1d1d;padding:2px 0;text-align:center;width:150px}}.MainPage-main{display:grid;grid-template-columns:.15fr 2fr .15fr;grid-template-rows:80px 1fr;height:100%;left:0;overflow:hidden;overflow-y:scroll;position:fixed;top:0;transition:1.5s ease;width:100%}.MainPage-main.hidden{top:100%}.MainPage-container{align-content:flex-start;display:flex;flex-wrap:wrap;grid-column:2;grid-row:2;height:100%;width:100%}.Play-container{background-color:#fff;border-radius:20px;box-shadow:0 0 10px -3px grey;margin-bottom:20px;padding:15px;width:100%}.orange-circle-container{display:flex;justify-content:space-around}.orange-circle-small{align-content:center;background-color:#da7e05;border-radius:50%;box-shadow:0 0 10px -2px grey;color:#fff;display:flex;flex-wrap:wrap;font-size:large;font-weight:600;height:50px;justify-content:center;margin-top:15px;width:50px}.orange-circle-small:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.orange-circle-small:hover{cursor:pointer;opacity:.5}.Add-food-container{background-color:#fff;border-radius:20px;box-shadow:0 0 10px -3px grey;margin-bottom:30px;padding:15px;width:100%}.Add-food-text-row{align-content:flex-end;display:flex;flex-wrap:wrap;grid-template-columns:1fr 10px 50px;grid-template-rows:1fr;justify-content:space-between;padding:2px 0;width:100%}.Add-food-text-row.add-plus{justify-content:center}.food-input{background-color:initial;border:none;border-bottom:solid;border-radius:0;color:grey;font-family:Open Sans,sans-serif;font-size:18px;font-weight:500;height:30px;line-height:1;margin:auto 0 0;padding:0;width:100%}.orange-circle-small.food-search{font-size:35px;font-size:x-large;grid-area:1/3;height:30px;margin:10px 0 0;width:30px;z-index:1}.orange-circle-small.food-search span{margin:auto}.Display-container{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.Add-text{margin-top:15px}.Add-food-instructions{background-color:#fff;border-radius:20px;margin:-15px;padding:15px;position:-webkit-sticky;position:sticky;z-index:1}.down-triangle-closed,.down-triangle-open{transition:.5s ease;z-index:1}.down-triangle-closed{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.Add-inputs{margin-top:-231px;opacity:0;transition:.5s ease;z-index:-1}.Add-inputs.open{margin-top:15px;opacity:1;z-index:-1}.displayNone{display:none}.MainPage-container h4{line-height:normal}.MainPage-main h3{font-size:20px;margin-bottom:5px}.dark-mode .Add-food-instructions,.dark-mode .Play-container{background-color:#000;color:#fff}.AboutPage-main{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:2s ease;width:100%}.AboutPage-main.hidden{top:100%}.AboutPage-container{background-color:#fff;border-radius:20px;box-shadow:0 0 5px 0 grey;font-size:22px;grid-area:2/2/5/5;height:45%;padding:2vh;width:100%}.aboutTitle{grid-area:2/2/3/5;text-align:center}.hiddenLogo{display:none}.aboutCredits{display:flex;flex-direction:row;font-size:17px;justify-content:space-evenly;margin-top:2vh}.aboutPictures{border-radius:500px;box-shadow:0 0 10px -3px grey;grid-area:3/2/4/5;height:17vh;width:auto}i{cursor:pointer;font-size:28px;padding-left:5px}i:active{opacity:.5}i:hover{color:#da7e05;transition-duration:.2s}a{color:inherit;text-decoration:none}.adamAbout,.domAbout,.mikeAbout,.travisAbout{display:flex;flex-direction:column}.adamName,.domName,.mikeName,.travisName{color:transparent;font-size:16px;font-weight:500;margin-top:-9vh}.mikeAbout:hover>.mikeName{color:#000;opacity:100%;transition-duration:.2s}.mikeAbout:hover>.aboutPictures{opacity:30%;transition-duration:.2s}.adamAbout:hover>.adamName{color:#000;opacity:100%;transition-duration:.2s}.adamAbout:hover>.aboutPictures{opacity:30%;transition-duration:.2s}.travisAbout:hover>.travisName{color:#000;opacity:100%;transition-duration:.2s}.travisAbout:hover>.aboutPictures{opacity:30%;transition-duration:.2s}.domAbout:hover>.domName{color:#000;opacity:100%;transition-duration:.2s}.domAbout:hover>.aboutPictures{opacity:30%;transition-duration:.2s}.aboutIcons{margin-top:8vh}@media only screen and (max-width:700px){.adamName,.domName,.mikeName,.travisName{color:#545454;margin-top:1vh}.AboutPage-container{height:85vh;margin-top:5vh;min-width:55vw}.aboutCredits{align-items:center;flex-direction:column;margin-top:2vh;row-gap:1vh}.aboutPictures{align-self:center;height:12vh;max-width:40vw}.aboutTitle{font-size:16px;padding:5px}.aboutIcons,.aboutTitle{margin-top:1vh}i:hover{color:inherit}.adamAbout:hover>.adamName,.domAbout:hover>.domName,.mikeAbout:hover>.mikeName,.travisAbout:hover>.travisName{color:inherit;opacity:inherit}.adamAbout:hover>.aboutPictures,.domAbout:hover>.aboutPictures,.mikeAbout:hover>.aboutPictures,.travisAbout:hover>.aboutPictures{opacity:100%}i{font-size:22px}}@media only screen and (min-width:701px) and (max-width:1199px){.AboutPage-container{font-size:16px;height:32vh;max-width:90vw;min-width:80vw}.adamName,.domName,.mikeName,.travisName{color:#545454;margin-top:1vh}.aboutIcons{margin-top:1vh}i:hover{color:inherit}.adamAbout:hover>.adamName,.domAbout:hover>.domName,.mikeAbout:hover>.mikeName,.travisAbout:hover>.travisName{color:inherit;opacity:inherit}.adamAbout:hover>.aboutPictures,.domAbout:hover>.aboutPictures,.mikeAbout:hover>.aboutPictures,.travisAbout:hover>.aboutPictures{opacity:100%}i{font-size:24px}}@media only screen and (max-width:380px){.AboutPage-container{height:85vh;margin-top:7vh}.aboutPictures{max-height:10vh}}.playPage-main{display:grid;grid-template-columns:.15fr 2fr .15fr;grid-template-rows:1fr 5fr .6fr;height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:1.5s ease;width:100%}.playPage-main.hidden{top:100%}.playPage-background{background-color:#ffffff88;grid-column:1/span 3;grid-row:2}.playPage-container{align-content:flex-start;display:flex;flex-wrap:wrap;grid-column:2;grid-row:2;height:100%;justify-content:center;margin:auto;width:90%}.info-box{background-color:#fff;border-radius:20px;box-shadow:0 0 10px -3px grey;line-height:20px;margin-top:7%;padding:1em}.info-box h2{line-height:15px;text-align:center}.choose-one{grid-column:2;grid-row:3;height:100%;justify-content:space-evenly;max-width:700px;position:fixed;width:100%}.choose-one,.food-choice{align-items:center;display:flex}.food-choice{flex-direction:column;margin-top:40px}.delete-button{cursor:pointer;margin-top:20px;width:3em}.delete-button:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.counter{grid-column:2;grid-row:3;margin:auto;text-align:center}.food-choice .Option-container{border-radius:50%;box-shadow:0 0 10px -1px grey;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:150px;margin:15px;overflow:hidden;width:150px}.food-choice img.Option-image{grid-column:1;grid-row:1;height:150px}.food-choice .Option-name-container{align-content:center;color:#fff;display:flex;flex-wrap:wrap;grid-column:1;grid-row:1;justify-content:center;width:150px;z-index:1}.food-choice .Option-name{background-color:hsla(0,0%,100%,.8);color:#1d1d1d;padding:2px 0;text-align:center;width:150px}.infoLeft-icon{align-self:flex-start}.infoLeft-icon,.infoRight-icon{font-size:22px;position:absolute}.infoRight-icon{align-self:flex-end}.closeModal{bottom:4vh;font-size:24px;position:absolute}.DescriptionModal-main{background-color:hsla(0,0%,76%,.569);height:100%;left:0;position:fixed;top:0;transition:.5s ease;width:100%;z-index:3}.DescriptionModal-container,.DescriptionModal-main{align-content:center;display:flex;flex-wrap:wrap;justify-content:center}.DescriptionModal-container{background-color:#fff;border-radius:20px;box-shadow:0 0 10px -3px grey;font-size:36px;height:40vh;left:20vw;opacity:1;padding:15px;position:absolute;top:30vh;transition:1s ease;width:60vw}.DescriptionModal-container.DMChidden{margin-top:-1000px;transition:1s ease}.DescriptionModal-option-container{display:flex;justify-content:center;margin-bottom:-40px;margin-top:-40px;width:100%}@media only screen and (min-width:601px) and (max-width:1199px){.DescriptionModal-container{font-size:28px;max-height:30vh}.closeModal{bottom:2vh}}@media only screen and (max-width:600px){.DescriptionModal-container{font-size:22px;left:17vw;max-height:75vh;min-width:60vw}.closeModal{bottom:2vh}}.dark-mode .food-choice .Option-name,.dark-mode .info-box{background-color:#000;color:#fff}.resultsPage-main{display:grid;grid-template-columns:.15fr 2fr .15fr;grid-template-rows:1fr 5fr .6fr;height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:1.5s ease;width:100%}.resultsPage-main.hidden{top:100%}.resultsPage-background{background-color:#ffffff88;grid-column:1/span 3;grid-row:2}.resultsPage-container{align-content:center;display:flex;flex-wrap:wrap;grid-column:2;grid-row:2;height:100%;justify-content:center;margin:auto;max-width:1000px;width:100%}.results-info-box{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 10px -1px grey;margin:7% 7% 10%;padding:1em;text-align:center}.food-result .Option-container{border-radius:50%;box-shadow:0 0 10px -1px grey;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:250px;margin:15px;overflow:hidden;width:250px}.food-result img.Option-image{grid-column:1;grid-row:1;height:250px}.food-result .Option-name-container{align-content:center;color:#fff;display:flex;flex-wrap:wrap;grid-column:1;grid-row:1;justify-content:center;width:250px;z-index:1}.food-result .Option-name{background-color:hsla(0,0%,100%,.8);color:#1d1d1d;padding:4px;text-align:center;width:250px}.play-again{grid-column:2;grid-row:3;margin:auto;text-align:center}.play-again a{color:#c16f03;text-decoration:underline}.play-again a:active{color:#c16f03c0}.dark-mode .Option-name{background-color:#000;color:#fff}
/*# sourceMappingURL=main.3ae29ee3.css.map*/