.home{align-items:left;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:90vh;justify-content:center;width:100%}.headerContainer{margin-left:50px;width:auto}.headerContainer h1{align-items:center;color:#fff;font-size:90px;font-weight:50;height:60px;justify-content:center}.headerContainer p{color:#fff;font-size:40px;font-weight:lighter;padding:0}.headerContainer .menuLink{background-color:#546a7c;border:none;border-radius:5px;color:#000;color:#fff;cursor:pointer;font-size:20px;justify-content:center;padding:16px;text-decoration:none}.headerContainer .menuLink:hover{background-color:#474646;cursor:pointer;transition:.3s ease-in}@media only screen and (max-width:650px){.headerContainer,.home{align-items:center;justify-content:center}.headerContainer{background-color:#121619;border-radius:10px;color:#fff;display:flex;flex-direction:column;margin-left:0;padding:10px;width:80%}.headerContainer h1{color:#fff;font-size:40px;height:30px}.headerContainer p{color:#fff;font-size:30px}.headerContainer .menuLink{background-color:#fff;color:#121619;margin-bottom:30px;padding:18px}.headerContainer p{font-size:20px}.headerContainer .menuLink:hover{background-color:#e1e1e1;color:#121619}}.menu{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.menu .menuTitle{color:#fff;font-family:cursive;font-size:60px}.appinput{font-size:15px;margin-bottom:50px;max-width:1920px;min-width:200px;padding:12px 20px}.inputSubmit,.submitinput{background-color:#121313;border:2px solid #2f373a;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:13px 20px}.inputSubmit{padding:8px 15px}.inputSubmit:hover,.submitinput:hover{background-color:#fff;color:#02aff0;transition:.3s ease-in}.menuList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:70vw}.menuItem{background-color:#fff;border-radius:15px;box-shadow:0 3px 15px hsla(0,0%,81%,.5);height:350px;margin:20px;text-align:center;width:300px}.menuItem:hover{box-shadow:0 3px 15px rgba(53,53,53,.2);cursor:pointer;transition:.3s ease-in}.menuItem .link{color:#000;text-decoration:none}.menuItem img{border-radius:15px;height:190px;margin-top:5px;width:95%}h1{color:#fff}@media only screen and (max-width:1300px){.menuList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.menuList{grid-template-columns:1fr}}@media screen and (min-width:370px) and (max-width:926px){.menuList{align-items:center;display:flex;flex-direction:column;justify-content:center}.menu h1{font-size:20px}}.App{display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:auto;width:100%}body{background-color:#000;margin:0;padding:0}.navbar{background-color:#121619;display:flex;flex-direction:row;height:100px;width:100%}.navbar .leftSide{align-items:center;display:flex;flex:50% 1;height:100%;padding-left:150px}.navbar .leftSide img{width:90px}.navbar .rightSide{align-items:center;display:flex;flex:50% 1;height:100%;justify-content:center}.navbar a{color:#fff;margin:20px;text-decoration:none}.navbar .rightSide button{background-color:transparent;border:none;color:#fff;cursor:pointer}.navbar .rightSide svg{font-size:40px}.navbar #open{padding-left:0}.navbar #open img{display:none}.navbar #close img{display:inherit}.navbar #open .hiddenLinks{display:inherit;margin-left:30px}.navbar #close .hiddenLinks{display:none}.navbar #open a{margin:5px;width:70px}@media only screen and (max-width:900px){.navbar .rightSide a{width:70px}.navbar .leftSide{padding-left:50px}}@media only screen and (max-width:600px){.navbar .rightSide a{display:none}.navbar .rightSide{justify-content:flex-end;padding-right:50px}.navbar .rightSide button{display:inherit}}@media only screen and (min-width:600px){.hiddenLinks,.navbar .rightSide button{display:none}}.footer{align-items:center;background-color:#121619;display:flex;flex-direction:column;height:200px;justify-content:center;padding-top:10px;width:100%}.socialMedia svg{color:#fff;cursor:pointer;font-size:70px;margin:20px}.footer p{color:#fff}.loading{text-align:center}.drink{margin:15px auto;max-width:1170px;text-align:left;width:85vw}.drink img{border-radius:.25rem}.drink p{color:#fff;font-weight:700;line-height:1.8;margin-top:20px;text-transform:capitalize}.drink span{margin-right:.5rem}.data{background-color:#2f4c70;border-radius:.25rem;color:var(--primaryColor);padding:.25rem .5rem}.drink-info{padding-top:2rem}.drinkLink{background-color:#1c2e3c;border:none;border-radius:3px;color:#000;color:#fff;cursor:pointer;font-size:18px;padding:12px;text-decoration:none}.drinkLink:hover{background-color:#fff;color:#02aff0;cursor:pointer;transition:.3s ease-in}@media screen and (min-width:992px){.drink{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:2fr 3fr}.drinkInfo{padding-top:0}}@media screen and (min-width:370px) and (max-width:926px){img{display:block;margin-left:auto;margin-right:auto;width:50%}.drink p{font-size:15px;font-weight:700;line-height:1.8;text-transform:capitalize}.drink span{color:#fff;margin-right:.5rem}.data{background:#2f4c70;border-radius:#2f4c70;color:#2f4c70;padding:.25rem .5rem}}.contact{display:flex;height:90vh;width:100%}.contact .sideLeft{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:50% 1;height:100%}.contact .sideRight{display:flex;flex:50% 1;flex-direction:column;height:100%;justify-content:center}.contact .sideRight h3{color:#fff;font-size:50px;font-weight:10;margin-left:30px}#contact-form{display:flex;flex-direction:column;height:auto;padding:30px;width:auto}#contact-form input{height:40px}#contact-form input,#contact-form textarea{border:none;border-bottom:1px solid #121619;color:#000;width:80%}#contact-form textarea{height:70px;margin-top:15px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700}input::placeholder,textarea::placeholder{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700}form input:focus,textarea:focus{outline:none}#contact-form label{color:grey;margin-top:15px}#contact-form .contactSubmit{background-color:#1a1f24;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:15px;height:60px;margin-top:40px;padding:10px 20px;width:150px}#contact-form .contactSubmit:hover{background-color:#fff;color:#02aff0;transition:.3s ease-in}@media screen and (min-width:370px) and (max-width:926px){#contact-form .contactSubmit{padding:15px}}
/*# sourceMappingURL=main.8d07dcc1.css.map*/