body{margin:0;font-family:"Anton",sans-serif;font-family:"Libre Baskerville",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--burgundy:#540b0e;--red:#9e2a2b;--gold:#e09f3e;--yellow:#fff3b0;--green:#335c67}.App{height:100vh;display:flex;justify-content:space-between;align-items:center;text-align:center;font-family:sans-serif;flex-direction:column;background:#540b0e;background:var(--burgundy);background:linear-gradient(180deg,#540b0e,#9e2a2b);background:linear-gradient(180deg,var(--burgundy),var(--red))}a{text-decoration:none}a,h1,h2{color:#540b0e;color:var(--burgundy)}h1,h2{font-family:"Anton",sans-serif}.emphasis{color:#fff3b0;color:var(--yellow);font-weight:800}.welcome{height:90vh;width:100vw;font-family:"Anton",sans-serif;flex-direction:column;justify-content:space-around}.button,.welcome{display:flex;align-items:center}.button{justify-content:center;border-radius:50%;background-color:#540b0e;background-color:var(--burgundy);width:220px;height:220px;margin:0 10px 20px auto}.continuebutton{box-shadow:5px 5px #fff3b0;box-shadow:5px 5px var(--yellow);transition:all .2s}.continuebutton:active{box-shadow:none;-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}.continuebutton h1{font-size:40px;font-weight:300;color:#fff;letter-spacing:2px}.continuebutton img{height:72px;width:72px;margin-left:10px}.mode-select{font-family:"Anton",sans-serif;font-size:32px;height:90vh;width:100vw;justify-content:space-around;background:#540b0e;background:var(--burgundy);background:linear-gradient(180deg,#540b0e,#9e2a2b);background:linear-gradient(180deg,var(--burgundy),var(--red))}.mode-bottom,.mode-select,.mode-top{display:flex;flex-direction:column;align-items:center}.mode-bottom,.mode-top{height:200px;width:200px;border-radius:50%;padding:10px;justify-content:center;transition:all .2s}.mode-bottom:active,.mode-top:active{box-shadow:none;-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}.mode-top{background-color:#e09f3e;background-color:var(--gold);color:#000}.mode-bottom,.mode-top{box-shadow:5px 5px #540b0e;box-shadow:5px 5px var(--burgundy)}.mode-bottom{background-color:#335c67;background-color:var(--green);color:#fff}.mode-select h3{margin:0;font-size:24px;font-weight:200;text-align:center}.menu-wine{height:90vh;width:100vw;overflow:scroll;background:#540b0e;background:var(--burgundy);background:linear-gradient(180deg,#540b0e,#9e2a2b);background:linear-gradient(180deg,var(--burgundy),var(--red))}.menu-wine h2{font-family:"Anton",sans-serif;color:#fff;font-weight:300}.bottle-select{display:flex;align-items:center;justify-content:space-between;margin:10px auto;padding:8px;color:#fff;cursor:pointer;border-radius:54px;border:2px solid #fff;background-color:#540b0e;background-color:var(--burgundy);overflow:hidden;position:relative;width:95%;max-width:700px;box-shadow:4px 4px 8px #000}.bottle-select img{display:block;width:140px;pointer-events:none;margin:0 10px}.bottle-select:last-of-type img{width:150px}.bottle-select h3{font-family:"Anton",sans-serif;text-align:left;flex-shrink:0;width:200px;position:absolute;left:20px;color:#540b0e;color:var(--burgundy);pointer-events:none;font-weight:200}.subtype-list{text-align:right;font-size:14px;pointer-events:none;margin-right:10px}@media screen and (min-width:450px){.bottle-select img{width:200px;margin:0 15px}.subtype-list{margin-right:15px}.bottle-select h3{left:35px}}.selected{background:#e09f3e;background:var(--gold);color:#000}.show-me-recipe{background-color:#540b0e;background-color:var(--burgundy);color:#fff;width:300px;height:40px;border-radius:50px;border:2px solid #fff;margin:10px auto;display:flex;justify-content:center;align-items:center}.show-me-recipe img{height:60px;width:60px}.recipe-rec{height:90vh;width:100vw;display:flex;flex-direction:column;justify-content:center;background:#fff3b0;background:var(--yellow);background:linear-gradient(180deg,#540b0e,#9e2a2b);background:linear-gradient(180deg,var(--burgundy),var(--red))}.recipe-rec img{display:block;margin:20px auto;border-radius:50%;border:2px solid #fff}.recipe-image-container{border-radius:10px}.recipe-info-container{width:80%;margin:0 auto;font-size:1.2rem}.recipe-info-container a{color:#e09f3e;color:var(--gold)}.menu-food{width:100vw;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#540b0e;background:var(--burgundy);background:linear-gradient(180deg,#540b0e -50%,#9e2a2b);background:linear-gradient(180deg,var(--burgundy) -50%,var(--red))}.menu-food h1{font-family:"Anton",sans-serif;color:#fff;font-weight:300;margin:0}.menu-food select{background-color:#540b0e;background-color:var(--burgundy);border-radius:50px;border:2px solid #fff;padding:10px;color:#fff;margin-top:20px}.factors{width:90vw;margin:10px;max-width:700px}.factor{color:#fff;background:#540b0e;background:var(--burgundy);display:flex;position:relative;border:2px solid #fff;border-radius:54px;margin:5px;padding:10px;box-shadow:4px 4px 8px #000}.factor-center{display:flex;flex-direction:column;justify-content:center;margin-left:6px;margin-right:15px}.factor h3{margin:0;font-family:"Anton",sans-serif;font-size:24px;line-height:24px;text-align:left}.factor img{height:60px}.factor p{margin:3px 0;font-family:sans-serif;font-size:14px;line-height:14px;font-style:italic;text-align:left}.remove-ingredient{border:2px solid #fff;border-radius:50%;background:#9e2a2b;background:var(--red);width:50px;height:50px;position:absolute;right:-10px;top:-10px;color:#fff;font-family:"Anton",sans-serif;font-size:24px;cursor:pointer}.menu-food ul{text-align:left}.no-selection{color:#fff3b0;color:var(--yellow);font-weight:700;margin-top:0;font-family:sans-serif}.pairbutton{display:flex;color:#fff;justify-content:center;align-items:center;border-radius:50%;background-color:#540b0e;background-color:var(--burgundy);width:200px;height:200px;margin:10px 10px 20px auto;box-shadow:5px 5px #fff3b0;box-shadow:5px 5px var(--yellow);transition:all .2s}.pairbutton:active{box-shadow:none;-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}.pairbutton h1{font-size:40px;font-weight:300;color:#fff;letter-spacing:2px}.pairbutton img{height:52px;width:52px;margin-left:2px}.wine-rec{display:flex;height:90vh;width:100vw;color:#540b0e;color:var(--burgundy);flex-direction:column;justify-content:center;background:#fff3b0;background:var(--yellow);background:linear-gradient(180deg,#540b0e,#9e2a2b);background:linear-gradient(180deg,var(--burgundy),var(--red))}.result-container{margin:0 auto}.rec-description,.rec-link{margin:10%;display:block;color:#fff}.boldred,.dessert,.lightred,.lightwhite,.mediumred,.richwhite,.rose,.sparkling,.sweetwhite{background-size:cover;background-position:50%;border-radius:50%;border:2px solid #fff;height:200px;width:200px;margin:0 auto}.boldred{background-image:url(/static/media/boldredphoto.38d7699b.jpg)}.mediumred{background-image:url(/static/media/mediumredphoto.ff8fcf30.jpg)}.lightred{background-image:url(/static/media/lightredphoto.9bebd229.jpg)}.richwhite{background-image:url(/static/media/richwhitephoto.344b8f45.jpg)}.lightwhite{background-image:url(/static/media/lightwhitephoto.1778f0ff.jpg)}.rose{background-image:url(/static/media/rosephoto.1b70d77a.jpg)}.sparkling{background-image:url(/static/media/sparklingphoto.537057ed.jpg)}.sweetwhite{background-image:url(/static/media/sweetwhitephoto.fe0440ba.jpg)}.dessert{background-image:url(/static/media/dessertphoto.7822007a.jpg)}.back-home{color:#fff;position:relative;border:2px solid #fff;border-radius:54px;padding:10px;box-shadow:4px 4px 8px #000;margin:0 auto}.back-home,footer{background:#540b0e;background:var(--burgundy)}footer{position:fixed;bottom:0;border-top:2px solid #fff;width:100vw;display:flex;justify-content:space-around}.footer-nav-btn{height:50px;width:50px;background:transparent;color:#fff;border:0;font-size:26px;display:flex;justify-content:center;align-items:center;cursor:pointer}.info-modal{margin:auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#e09f3e;background:var(--gold);border-radius:20px;min-width:250px;padding:10px}
/*# sourceMappingURL=main.1ec94d3f.chunk.css.map */