html{font-size:1rem;color:#000;font-family:Arial,Helvetica,sans-serif;background-color:#e3f0fd}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{text-align:center}.button{background-color:#036a8d;border-radius:8px;padding:10px 20px;transition-duration:.4s;color:#fff;text-align:center;min-width:150px}.button:hover{background-color:#008cba;box-shadow:0 12px 16px #0000003d,0 17px 50px #00000030}.button-card{border:none;padding:0;background-color:#e3f0fd}.button-card:hover{border:none;padding:0;cursor:pointer;transform:scale(1.1)}.disabled{opacity:.6;cursor:not-allowed}.img-fluid{max-width:150px}.upside-down{transform:rotate(180deg)}.text-field-wrapper label,.text-field-wrapper input{font-size:24px}dialog{border-radius:25px;box-shadow:5px 5px 5px #aaa;transition:display 1s allow-discrete,overlay 1s allow-discrete;animation:close 1s forwards}dialog[open]{animation:open 1s forwards}dialog::backdrop{background-color:#000;opacity:.85}dialog .close-button{position:absolute;top:15px;right:15px;border-radius:10px;background-color:#bbb;font-weight:800}dialog .close-button:hover{cursor:pointer}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes close{0%{opacity:1}to{opacity:0}}#beverages input,#beverages-future input{width:60%;font-size:22px}*{box-sizing:border-box}body{margin:0}.site-title{font-size:2rem}nav{background-color:#333;color:#fff;display:flex;justify-content:space-between;align-items:stretch;gap:2rem;padding:0 1rem}nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}nav a{color:#fff;text-decoration:none;height:100%;display:flex;align-items:center;padding:.25rem .5rem}nav a:hover{text-decoration:none;color:#fff;font-weight:500}nav a img{max-height:40px}nav ul{padding:0;margin:0;list-style:none;display:flex;gap:.2rem}nav li.active{background-color:#555}nav li :hover{background-color:#777}@media (min-width: 667px){nav ul li span{display:none}}@media (max-width: 666px){nav{flex-direction:column;align-items:start}nav .menu{display:flex}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li img{display:none}nav ul li a{margin:.2rem .5rem}}.storefront-wrapper .card{border:1px solid hsl(0,0%,80%);border-radius:15px;box-shadow:5px 5px 5px #0000001a;background-color:#fff;padding:10px 5px;margin:10px;text-align:center;vertical-align:top;max-width:200px;display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.storefront-wrapper .card:hover{border:2px solid red}.storefront-wrapper .card .card-img{max-width:80%;height:auto;border-radius:20px;border:5px solid #555;margin:10px 0}.storefront-wrapper .card a{text-decoration:none;color:#191970}.storefront-wrapper .card .copy{min-height:150px}.storefront-wrapper .card h3{margin:0}.storefront-wrapper .card p{margin:.5em 0}.storefront-wrapper .header{max-width:800px;margin:0 auto}.storefront-wrapper .header p{text-align:justify}.card{border:1px solid hsl(0,0%,80%);border-radius:15px;box-shadow:5px 5px 5px #0000001a;background-color:#fff;padding:10px 5px;margin:10px;text-align:center;vertical-align:top;max-width:200px;display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.card p{margin:.5em 0}.card .card-img{max-width:80%;height:auto;border-radius:20px;border:5px solid #555;margin:10px 0}.card h1,.card h2{margin-block-start:0;margin-block-end:0;font-style:oblique}.card h4{margin:0}.card .subheader{font-weight:700;font-size:1.1rem;margin:1rem 0 0}.card ul{margin-top:0;margin-bottom:.5rem;padding-left:1.5rem;text-align:left}.card li{font-size:.9rem;margin:.25rem 0}#beverages-future .card{max-width:250px}dialog .card{max-width:900px;border:none;margin:auto;padding:0;display:flex;box-shadow:none}dialog .card .card-img{max-width:50%;border:none;max-height:fit-content}dialog .card .card-content{margin:auto}
