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}*{box-sizing:border-box}html{background-color:#fff8e8;background-image:url(../../static/media/dot.5738d467.svg);background-size:8px}body{font-family:"Josefin Sans",sans-serif;color:#003d48}.App{text-align:center}header{font-family:"Righteous",cursive;font-size:32pt;text-transform:uppercase;letter-spacing:8px}h2,h3,p,ul{margin:0}ul{list-style-type:none;padding:0}a{color:inherit}a:link{text-decoration:none;font-family:"Josefin Sans",sans-serif}a:hover{color:#007d93}.pageHeader{padding:12px;color:#fff8e8;background-color:#003d48}.arrow{top:-37px;margin:0 0 0 25px;float:right}.arrow,.leftArrow{position:relative;height:57px}.leftArrow{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:-7px;margin:0 25px 0 0;float:left}.navBar{display:none;text-transform:capitalize;color:#fff8e8;padding:20px;text-align:right}.navCategory{margin:20px}.categoryList{margin-bottom:70px}.listItem{padding:12px 0;font-size:28px}.listItem,.listItem .label{display:inline-block;width:100%}.listItem .label{color:#003d48}.listItem .label:first-letter{text-transform:uppercase}.listItem .label:hover{cursor:pointer}.ingredientList{text-align:left;margin:0 14%;z-index:10;position:relative}.categoryHeader{color:#fff8e8;background-color:#003d48;margin:20px 0 10px;z-index:20;position:-webkit-sticky;position:sticky;top:0;width:100%;padding:8px 0;height:59px}.categoryHeader,.staticCategoryHeader{font-size:30px;text-transform:capitalize}.staticCategoryHeader{color:#e97a5f;margin:22px auto 10px}.big-offset{padding-top:40px;margin-top:-40px;position:relative}.small-offset{padding-top:10px;margin-top:-10px;position:relative}.headerText{top:7px;position:relative;width:-webkit-max-content;width:max-content;margin:auto}.label{margin:5px}.checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.listItem input.checkbox:checked+.label{color:#007d93;text-decoration:underline}.cocktailDisplay{font-size:17px;background-color:#e97a5f;width:100%;text-align:center;position:fixed;bottom:-1px;z-index:20}.bigScreensMessage{display:none}.viewCocktailsLink{color:#fff8e8;border-bottom:2px solid #fff8e8}.viewCocktailsLink:hover{color:#007d93;border-bottom:2px solid #007d93;cursor:pointer}.circle{padding:20px 0}.circle-large{-webkit-animation-name:flash;animation-name:flash;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes flash{0%{background-color:#e97a5f}to{background-color:#ff9f87}}@keyframes flash{0%{background-color:#e97a5f}to{background-color:#ff9f87}}.cocktailName{list-style-type:none;color:#e97a5f;text-transform:capitalize;font-size:20pt;margin-bottom:16px;margin-left:-4px}.optional{margin-top:10px;font-size:16px;font-weight:400;margin-bottom:5px;width:-webkit-min-content;width:min-content;line-height:14pt}.methodAndIngredientsHeader{font-size:16pt;margin:12px 0}.cocktailList{margin-top:17px;margin-bottom:60px}.cocktailItem{text-align:left;padding:20px 48px;line-height:20pt}@media (min-width:576px){.smallNavBar{margin:106px 0 0}.cocktailDisplay{font-size:20px;padding:12px 0}.ingredientList{-webkit-column-count:2;column-count:2;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px}.categoryHeader{padding:10px 0}.cocktailList{margin-top:72px}.cocktailItem{margin:0 auto;width:50%}}@media (min-width:768px){.ingredientList{-webkit-column-count:2;column-count:2;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.pageHeader{margin-bottom:20px}.smallNavBar{margin:130px 0 0}.categoryHeader{padding:10px 0}}@media (min-width:900px){.body{display:grid;grid-template-columns:1fr 400px;margin:40px 20px}.navBarAndIngredients{display:grid;grid-template-columns:50px 1fr}.pageHeader{margin:20px;font-size:40pt;text-transform:uppercase;letter-spacing:27px;word-spacing:0;padding:12px 0 12px 21px}header{font-size:45pt}.headerText{margin:0}.arrow,.leftArrow,.smallNavBar{display:none}.navBar{display:block;padding:0 20px}.ingredientsList{grid-column:2/3}.navCategoryBox a{color:#003d48}.navCategoryBox a:hover{color:#007d93;transition:color .5s ease}.navCategory .inactive .semiCircle{margin-right:30px;transition:margin-right .2s ease-in-out}.navCategory .active .semiCircle{margin-right:0;transition:margin-right 1s ease-in-out}.navCategoryBox{height:-webkit-max-content;height:max-content}.semiCircle-container{overflow:hidden;width:30px;height:60px;position:absolute;top:0;z-index:-1;bottom:0;margin-top:auto;margin-bottom:auto}.semiCircle{background:fixed;background-color:#e97a5f;width:30px;height:60px;border-radius:0 60px 60px 0;z-index:-1}.categoryHeader,.staticCategoryHeader{font-size:38px;text-transform:capitalize;color:#003d48;margin:11px 65px;z-index:2;position:relative;padding:5px 0;text-align:left;z-index:10;border-bottom:3px solid #003d48;background:none;width:100%}.staticCategoryHeader{font-weight:400}.category{margin-bottom:100px}.navCategory{padding:3px 16px;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg);font-size:16pt}.ingredientList{margin:40px 0 100px 62px;padding:0;display:block;width:100%;-webkit-column-count:2;column-count:2;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px}.cocktailDisplay{position:relative;background-color:transparent;color:#fff8e8;display:block;z-index:0}.cocktailDisplay h2{font-size:20pt}.body{grid-template-columns:1fr 300px}.circle{background-color:#ff7e5e;display:block;height:270px;width:270px;border-radius:50%;position:relative;margin-left:auto}.circle-large{-webkit-animation-name:blip;animation-name:blip;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.circleText{margin:10px 40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@-webkit-keyframes blip{0%{height:270px;width:270px;top:0}to{height:274px;width:274px;top:-4px}}@keyframes blip{0%{height:270px;width:270px;top:0}to{height:274px;width:274px;top:-4px}}.rightSidebar{display:block;position:-webkit-sticky;position:sticky;top:15px;overflow:visible}.bigScreensMessage{display:block}.viewCocktailsLink{margin:10px auto}.bigScreensMessage p{text-transform:none;margin:10px 0}.cocktailsHeader{margin:0 10px 19px;font-size:20pt;color:#fff8e8;letter-spacing:4px;line-height:36px}.cocktailsHeader,.optional{font-family:"Josefin Sans",sans-serif}.optional{color:#003d48}.smallScreensMessage{display:none}.rotateThis{margin:0 -50px;position:-webkit-sticky;position:sticky;top:20px}.cocktailList{margin:50px 0 0 65px;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px;z-index:1}.cocktailName{font-size:20pt;color:#ff7e5e;line-height:24pt}.cocktailItem{padding:0;border:none;margin:0 auto 20px;width:100%}.cocktailItem li{color:#003d48;font-size:16pt;line-height:21pt}}@media (min-width:980px){.body{grid-template-columns:1fr 400px}.circle{height:300px;width:300px}.ingredientList{width:117%}@-webkit-keyframes blip{0%{height:300px;width:300px;top:0}to{height:304px;width:304px;top:-4px}}@keyframes blip{0%{height:300px;width:300px;top:0}to{height:304px;width:304px;top:-4px}}}@media (min-width:1200px){.body{margin:54px 20px}.ingredientList{margin:34px 0 0 68px;padding:0;display:block;width:100%;-webkit-column-count:3;column-count:3;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px}.smallNavBar{margin:186px 0 0}.pageHeader{font-size:48pt;letter-spacing:42px;padding:12px 0 12px 30px}.bigScreensMessage{display:block}.circle{height:350px;width:350px;margin-left:0}@-webkit-keyframes blip{0%{width:350px;height:350px;margin-left:0;top:0}to{height:358px;width:358px;margin-left:-8px;top:-8px}}@keyframes blip{0%{width:350px;height:350px;margin-left:0;top:0}to{height:358px;width:358px;margin-left:-8px;top:-8px}}.circleText{margin:10px 70px;width:210px;font-size:26px}.categoryHeader{width:100%}}.four-oh-four{grid-column:1/span 2}.four-oh-four p{margin-top:30px}
/*# sourceMappingURL=main.2929e0a4.chunk.css.map */