:root{--primaryLightColor:#d4e6a5;--primaryColor:#476a2e;--primaryDarkColor:#c02c03;--mainWhite:#fff;--offWhite:#f7f7f7;--mainBackground:#f1f5f8;--mainOverlay:rgba(35,10,36,.4);--mainBlack:#222;--mainGrey:#ececec;--darkGrey:#afafaf;--mainRed:#bd0303;--mainTransition:all 0.3s linear;--mainSpacing:0.3rem;--lightShadow:2px 5px 3px 0px rgba(0,0,0,.5);--darkShadow:4px 10px 5px 0px rgba(0,0,0,.5);--mainBorderRadius:0.25rem;--smallWidth:85vw;--maxWidth:40rem;--fullWidth:1170px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f1f5f8;background:var(--mainBackground);color:#222;color:var(--mainBlack);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:300;line-height:1.4}h1,h2,h3,h4,h5,h6{font-family:var(--slantedFont);letter-spacing:.3rem;letter-spacing:var(--mainSpacing)}h1,h2,h3,h4,h5,h6,p{margin-bottom:1.25rem}ul{list-style-type:none}a{color:#222;color:var(--mainBlack);text-decoration:none}img{display:block;width:100%}.btn,.btn-primary,.btn-white{background:transparent;border:2px solid #476a2e;border:2px solid var(--primaryColor);border-radius:.25rem;border-radius:var(--mainBorderRadius);color:#476a2e;color:var(--primaryColor);cursor:pointer;display:inline-block;font-size:.8rem;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);padding:.45rem .8rem;text-transform:uppercase;transition:all .3s linear;transition:var(--mainTransition)}.btn:hover{background:#476a2e;background:var(--primaryColor)}.btn-white,.btn:hover{color:#fff;color:var(--mainWhite)}.btn-white{background:transparent;border-color:#fff;border-color:var(--mainWhite)}.btn-white:hover{background:#fff;background:var(--mainWhite);color:#476a2e;color:var(--primaryColor)}.btn-primary{background:#476a2e;background:var(--primaryColor);border-color:transparent;color:#fff;color:var(--mainWhite)}.btn-primary:hover{background:#d4e6a5;background:var(--primaryLightColor);color:#476a2e;color:var(--primaryColor)}.btn-block{box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);display:block;margin:0 auto;text-align:center;width:100%}.btn-details{padding:.25rem .4rem}.btn-details:hover{background:#d4e6a5;background:var(--primaryLightColor);border-color:#d4e6a5;border-color:var(--primaryLightColor)}.navbar{background:#fff;background:var(--mainWhite);border-bottom:2px solid #476a2e;border-bottom:2px solid var(--primaryColor);box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);height:5rem}.nav-center,.navbar{align-items:center;display:flex}.nav-center{justify-content:space-between;margin:0 auto;max-width:1170px;max-width:var(--fullWidth);width:85vw;width:var(--smallWidth)}.nav-links{align-items:center;display:flex}.nav-links a{display:inline-block;font-size:1.2rem;font-weight:700;font-weight:400;letter-spacing:2px;margin-right:.5rem;padding:.25rem .5rem;text-transform:capitalize;transition:all .3s linear;transition:var(--mainTransition)}.nav-links a:hover{color:#476a2e;color:var(--primaryColor)}.logo{width:12rem}.about-section{margin:0 auto;max-width:40rem;max-width:var(--maxWidth);width:85vw;width:var(--smallWidth)}.about-section p{font-weight:400;letter-spacing:2px;line-height:2rem}.error-page{display:flex;justify-content:center}.error-container{text-align:center;text-transform:capitalize}.section{padding:5rem 0}.section-title{font-size:2rem;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);margin-bottom:3.5rem;margin-top:1rem;text-align:center;text-transform:capitalize}.cocktails-center{grid-row-gap:2rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;margin:0 auto;max-width:1170px;max-width:var(--fullWidth);row-gap:2rem;width:85vw;width:var(--smallWidth)}@media screen and (min-width:576px){.cocktails-center{grid-template-columns:repeat(auto-fill,minmax(338.8px,1fr))}}.cocktail{background:#fff;background:var(--mainWhite);border-radius:.25rem;border-radius:var(--mainBorderRadius);box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);display:grid;grid-template-rows:auto 1fr;margin-bottom:2rem;transition:all .3s linear;transition:var(--mainTransition)}.cocktail:hover{box-shadow:4px 10px 5px 0 rgba(0,0,0,.5);box-shadow:var(--darkShadow)}.cocktail img{border-top-left-radius:.25rem;border-top-left-radius:var(--mainBorderRadius);border-top-right-radius:.25rem;border-top-right-radius:var(--mainBorderRadius);height:20rem;object-fit:cover}.cocktail-footer{padding:1.5rem}.cocktail-footer h3,.cocktail-footer h4,.cocktail-footer p{margin-bottom:.3rem}.cocktail-footer h3{font-size:2rem}.cocktail-footer p{color:#afafaf;color:var(--darkGrey);margin-bottom:.5rem}.search{margin-top:1rem;padding-bottom:0}.search-form{background:#fff;background:var(--mainWhite);border-radius:.25rem;border-radius:var(--mainBorderRadius);box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);margin:0 auto;max-width:40rem;max-width:var(--maxWidth);padding:2rem 2.5rem;text-transform:capitalize;width:85vw;width:var(--smallWidth)}.form-control label{color:#476a2e;color:var(--primaryColor);display:block;font-weight:700;letter-spacing:.25rem;margin-bottom:1.25rem}.form-control input{background:#f1f5f8;background:var(--mainBackground);border:transparent;border-radius:.25rem;border-radius:var(--mainBorderRadius);font-size:1.2rem;padding:.5rem;width:100%}.cocktail-section{text-align:center}.drink{margin:0 auto;max-width:1170px;max-width:var(--fullWidth);text-align:left;width:85vw;width:var(--smallWidth)}.drink img{border-radius:.25rem;border-radius:var(--mainBorderRadius)}.drink p{font-weight:700;line-height:1.8;text-transform:capitalize}.drink span{margin-right:.5rem}.drink-data{background:#d4e6a5;background:var(--primaryLightColor);border-radius:.25rem;border-radius:var(--mainBorderRadius);color:#476a2e;color:var(--primaryColor);padding:.25rem .5rem}.drink-info{padding-top:2rem}@media screen and (min-width:992px){.drink{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:2fr 3fr}.drink-info{padding-top:0}}.loader,.loader:after,.loader:before{-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;background:transparent;height:4em;width:1em}.loader{-webkit-animation-delay:-.16s;animation-delay:-.16s;color:#476a2e;color:var(--primaryColor);font-size:3rem;margin:20rem auto 88px;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0)}.loader:after,.loader:before{content:"";position:absolute;top:0}.loader:before{-webkit-animation-delay:-.32s;animation-delay:-.32s;left:-1.5em}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}
/*# sourceMappingURL=main.274aee27.css.map*/