.app{font-size:1em;font-family:"Times New Roman",Times,serif;max-width:100vw;overflow-x:hidden}.homeContent{text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;width:100%}#main_hello{margin-top:1.5em;width:80%;min-height:100%;color:#000;font-family:"Reenie Beanie";letter-spacing:5px;font-family:1.5em;border-radius:3em;box-shadow:-1em -1em #000}#visity_logo{box-shadow:0 0 .3em #d3d3d3;border-radius:10em;padding:1em;width:7em}.webDevContent{padding-top:2em;text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1.2em;color:#fff;margin:0 15em}#main_pic{box-shadow:-.4em -.4em #000;border:.2em solid #fff;border-radius:3em;margin-top:3em;margin-bottom:1.5em;width:300px}#foodx_content_container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:1em;-webkit-justify-content:center;justify-content:center;text-align:left}#foox_text{color:#000;margin:3em 0}#foodx_home{width:100%}#foodx_plan{width:100%}#foodx_plan,#visity_home{margin-top:2em;margin-bottom:2em}#visity_home{height:20em}footer{background-color:#000;color:#fff;letter-spacing:3px;font-size:1.2em;margin-top:.91em;text-align:center;height:10vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.underline{text-decoration:underline}.longMiddle{text-align:left;margin-bottom:1em;padding:unset}@media only screen and (min-width:968px){.longMiddle{padding:0 5em}footer{padding-left:1em;background-color:#000;color:#fff;letter-spacing:3px;font-size:1.3em;margin-top:.91em}#visity_content_container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0 5em}#visity_home{height:20em}#foodx_plan,#visity_home{box-shadow:0 0 .3em #d3d3d3;border:.2em solid #fff;border-radius:2em;margin-top:2em;margin-bottom:2em}#foodx_plan{padding:1em;height:12em;width:auto}#foodx_home{box-shadow:0 0 .3em #d3d3d3;border:.2em solid #fff;border-radius:2em;padding:1em;height:15em;width:auto}#foox_text{color:#000;letter-spacing:3px;font-size:.9em;width:30%;margin-top:2.5em;margin-right:1em}#foodx_content_container{margin-top:1em;letter-spacing:2px}#foodx_content_container,.homeContent{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.homeContent{padding-top:4.5em;text-align:center;font-size:calc(10px + 2vmin);color:#fff}#main_hello{width:40%;color:#000;font-family:"Reenie Beanie";letter-spacing:5px;font-family:1.5em;border-radius:3em;box-shadow:-1em -1em #000}#main_pic{margin-top:-.5em;box-shadow:-.4em -.4em #000;border:.2em solid #fff;border-radius:3em;margin-bottom:1.5em;width:100%}#visity_logo{box-shadow:0 0 .3em #d3d3d3;border-radius:10em;padding:1em;height:7em}.webDevContent{text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1.2em;color:#000;margin:0 5em}.navBarButtons{letter-spacing:6px;font-size:larger;color:#fff}.coming-soon{cursor:not-allowed}.App-logo{height:25em}.App-link{color:#61dafb}.contentContainer{color:#000;height:80vh;margin-top:1.7em;padding:.5em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;border-radius:2em}hr{width:20%}}.contentContainer{height:80vh}.modal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:2em;width:80%;min-height:45vh;max-width:500px;padding:20px;box-sizing:border-box}.recipe-container{width:95%;height:95%}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,50.2%,.5);z-index:999}.li{padding:.2em 1em 0;min-width:13em;z-index:2}.li,.li-content{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.li-content{width:25em}.grid{width:30em}.category-balls{cursor:pointer;width:5.5em;height:5.5em;background-color:#fff;color:#000;border-radius:5em;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.5em;font-weight:bolder;letter-spacing:4px;z-index:2;box-shadow:0 0 .8em grey}.category-balls,.re-li{display:-webkit-flex;display:flex;transition:all .2s ease-in-out,color .2s ease-in-out}.re-li{-webkit-flex-direction:row;flex-direction:row;width:25em;margin-right:2em}.re-li:hover{background-color:#e9e9e9;border-radius:2em;cursor:pointer}.navbar-text{display:inline-block}.navbar-icon{display:none}@media only screen and (max-width:968px){.category-balls{font-size:1.2em}.grid{width:20em}.li-content,.re-li{width:15em}.navbar-text{display:none}.navbar-icon{display:inline-block}#visity_content_container{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.webDevContent{color:#000;margin:0 .2em}}.category-balls:hover,.selected-category-ball{background-color:#000;color:#fff}.transition{z-index:1;transition:all 1s ease,color 1s ease}.active{opacity:1;height:13em;overflow:visible}.inactive{opacity:0;height:0;overflow:hidden}.balls-container{-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.balls-container,.category-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%}.category-container{-webkit-justify-content:center;justify-content:center;margin-top:1.5em}.modal img{border-radius:1em}.bottom-modal{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.center{margin:1em 0;-webkit-justify-content:center;justify-content:center}.center button{width:100%}
/*# sourceMappingURL=main.eebe5f69.chunk.css.map */