:root{--primaryLightColor:#d4e6a5;--primaryColor:#def50d;--primaryDarkColor:#c02c03;--mainWhite:#fff;--offWhite:#f7f7f7;--mainBackground:#111;--mainOverlay:rgba(35,10,36,0.4);--mainBlack:#222;--mainGrey:#ececec;--darkGrey:#afafaf;--mainRed:#bd0303;--mainTransition:all 0.3s linear;--mainSpacing:0.3rem;--lightShadow:0px 0.4rem 1.8rem rgb(28 28 28/12%);--darkShadow:4px 10px 5px 0px rgba(0,0,0,0.5);--mainBorderRadius:1.5rem;--smallWidth:85vw;--maxWidth:40rem;--fullWidth:1170px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Montserrat,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#222;color:var(--mainBlack);background:#fff;background:var(--mainWhite);line-height:1.4;font-size:1rem;font-weight:300}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{text-decoration:none;color:#222;color:var(--mainBlack)}img{width:100%;display:block}.btn,.btn-primary,.btn-white{text-transform:uppercase;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);color:#111;color:var(--mainBackground);border:2px solid #111;border:2px solid var(--mainBackground);padding:.45rem .8rem;transition:all .3s linear;transition:var(--mainTransition);cursor:pointer;font-size:.8rem;font-weight:500;background:transparent;border-radius:1.5rem;border-radius:var(--mainBorderRadius);display:inline-block}.btn:hover{background:#def50d;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:#111;background:var(--mainBackground);color:#def50d;color:var(--primaryColor)}.btn-primary{background:#def50d;background:var(--primaryColor);color:#fff;color:var(--mainWhite);border-color:transparent}.btn-primary:hover{background:#111;background:var(--mainBackground);color:#def50d;color:var(--primaryColor)}.btn-block{width:100%;display:block;margin:0 auto;box-shadow:0 .4rem 1.8rem rgb(28 28 28/12%);box-shadow:var(--lightShadow);text-align:center}.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);height:6rem;border-bottom:2px solid #def50d;border-bottom:2px solid var(--primaryColor);box-shadow:0 .4rem 1.8rem rgb(28 28 28/12%);box-shadow:var(--lightShadow);width:100%;top:0;position:fixed;z-index:100}.nav-center,.navbar{display:flex;align-items:center}.nav-center{justify-content:space-between;width:85vw;width:var(--smallWidth);margin:0 auto;max-width:1170px;max-width:var(--fullWidth)}.nav-links{display:flex;align-items:center}.nav-links a{text-transform:capitalize;display:inline-block;margin-right:.5rem;letter-spacing:2px;font-size:1.2rem;padding:.25rem .5rem;transition:all .3s linear;transition:var(--mainTransition);font-weight:700;font-family:"Montserrat",sans-serif}.nav-links a:hover{color:#def50d;color:var(--primaryColor)}.logo{width:5rem}.about-section{width:85vw;width:var(--smallWidth);max-width:40rem;max-width:var(--maxWidth);margin:0 auto}.about-section p{line-height:2rem;font-weight:400;letter-spacing:2px}.error-page{display:flex;justify-content:center}.error-container{text-align:center;text-transform:capitalize}.section{margin:130px 0}.section-title{font-weight:1000;font-size:2rem;text-transform:capitalize;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);text-align:center;margin-bottom:2rem;margin-top:1rem;font-family:"Montserrat",monospace}.meals-center{width:85vw;width:var(--smallWidth);margin:0 auto;max-width:1170px;max-width:var(--fullWidth);display:grid;grid-row-gap:2rem;row-gap:2rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}@media screen and (min-width:576px){.meals-center{grid-template-columns:repeat(auto-fill,minmax(338.8px,1fr))}}.meal{padding:10px;background:#fff;background:var(--mainWhite);border-color:#e8e8e8;box-sizing:border-box;margin:1px;transition:all .3s linear;transition:var(--mainTransition);display:grid;font-size:17px;font-weight:500;grid-template-rows:auto 1fr;border-radius:1.5rem;border-radius:var(--mainBorderRadius);font-family:"Montserrat",sans-serif}.meal:hover{box-shadow:0 .4rem 1.8rem rgb(28 28 28/12%);box-shadow:var(--lightShadow)}.meal img{height:20rem;object-fit:cover;border-radius:1.5rem;border-radius:var(--mainBorderRadius)}.meal-details{flex:2 1;padding:10px}.meal-name{color:#000;margin:5px 0}.meal-info{display:flex;list-style-type:none;padding:0}.meal-info li{font-size:14px;color:#0094d0;margin-right:55px}.linefoot{height:.1rem;background-color:#e8e8e8;margin-bottom:.5rem;margin-top:.7rem}.meal-info li strong{color:#000;display:block;font-size:15px;margin-top:2px}.section-search{padding:.25rem .5rem}.search-form{border:none;width:85vw;width:var(--smallWidth);margin:0 auto;max-width:40rem;max-width:var(--maxWidth);background:transparent;text-transform:capitalize;box-shadow:0 .4rem 1.8rem rgb(28 28 28/12%);box-shadow:var(--lightShadow)}.form-control input{width:100%;font-family:"Montserrat",sans-serif;background:transparent;border-radius:5px;padding:.7rem;font-size:1rem;border-width:1px}.cocktail-section{text-align:center;background-size:cover;background-repeat:no-repeat;position:relative}.drink{display:flex;flex:row 1;justify-content:center;align-items:center;width:85vw;width:var(--smallWidth);max-width:1170px;max-width:var(--fullWidth);margin:0 auto;text-align:left}.linehead{height:.1rem;background-color:#e8e8e8;margin:1rem auto 2rem;width:90%}.drink img{border-radius:1.5rem;border-radius:var(--mainBorderRadius)}.drink p{font-weight:500;text-transform:capitalize;color:#222;color:var(--mainBlack)}.drink-info span,.drink p{font-family:"Montserrat",sans-serif}.drink-info span{margin-right:.5rem}.drink-data{padding:.25rem 0;border-radius:1.5rem;border-radius:var(--mainBorderRadius);color:#222;color:var(--mainBlack);font-size:1.5rem;font-weight:600;font-style:bold}.drink-data,.drink-info{font-family:Arial,Helvetica,sans-serif}.drink-info{padding-top:.5rem}@media screen and (min-width:992px){.drink{display:grid;grid-template-columns:2fr 3fr;grid-gap:3rem;gap:3rem;align-items:flex-start}.drink-info{padding-top:0}}.loader,.loader:after,.loader:before{background:transparent;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#def50d;color:var(--primaryColor);text-indent:-9999em;margin:20rem auto 88px;position:relative;font-size:3rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.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}}