:root{--primaryLightColor:#d4e6a5;--primaryColor:#476a2e;--primaryDarkColor:#c02c03;--mainWhite:#fff;--offWhite:#f7f7f7;--mainBackground:#222;--mainOverlay:rgba(35,10,36,0.4);--mainBlack:#333;--mainGrey:#ececec;--darkGrey:#333;--mainRed:#bd0303;--mainTransition:all 0.3s linear;--mainSpacing:0.3rem;--lightShadow:2px 5px 3px 0px rgba(0,0,0,0.5);--darkShadow:4px 10px 5px 0px rgba(0,0,0,0.5);--mainBorderRadius:0.25rem;--altBorderRadius:2rem;--smallWidth:85vw;--maxWidth:40rem;--fullWidth:1170px}html{height:100%}body{min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#f7f7f7;color:var(--offWhite);background:#222;background:var(--mainBackground);line-height:1.4}main{display:flex;justify-content:flex-start}h1,h2,h3,h4,h5,h6{font-family:var(--slantedFont);margin-bottom:1.25rem;letter-spacing:.3rem;letter-spacing:var(--mainSpacing)}p{padding:0}ul{list-style-type:none}a{text-decoration:none;color:#333;color:var(--mainBlack)}img{width:100%;display:block}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{background:#333;width:.5rem}::-webkit-scrollbar-thumb{max-width:.2rem;border-radius:.5rem;background:#222;border:.2rem solid #333}::-webkit-scrollbar-thumb:hover{cursor:pointer;background:#666}.btn,.btn-primary,.btn-white{text-transform:uppercase;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);color:#476a2e;color:var(--primaryColor);border:2px solid #476a2e;border:2px solid var(--primaryColor);padding:.45rem .8rem;transition:all .3s linear;transition:var(--mainTransition);cursor:pointer;font-size:.8rem;background:transparent;border-radius:.25rem;border-radius:var(--mainBorderRadius);display:inline-block}.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);color:#fff;color:var(--mainWhite);border-color:transparent}.btn-primary:hover{background:#d4e6a5;background:var(--primaryLightColor);color:#476a2e;color:var(--primaryColor)}.btn-block{width:100%;display:block;margin:0 auto;box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);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{max-width:calc(100% - 5rem);background:#333;position:fixed;z-index:4;height:5rem;width:100%}.nav-center{height:5rem;justify-content:space-between}.nav-center,.right-icons{display:flex;align-items:center}.right-icons{justify-content:flex-end}.icons{font-size:1.5rem;height:5rem;width:5rem;color:#5c5c5c;background-color:#333;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s linear;transition:var(--mainTransition);transition:all .3s ease-in-out}.icons:hover{background-color:#222;color:#8f8f8f}#CardsDisplay{transform:rotate(90deg);background:#222}#CardsDisplay:hover{background:#333}.nav-logo{height:2.7rem;width:2.7rem;margin-left:2rem;margin-bottom:.5rem;-webkit-filter:brightness(1.2);filter:brightness(1.2)}.nav-logo:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5)}.nav-links{display:flex;align-items:center}.nav-links a{color:var(--darkGray);text-transform:capitalize;display:inline-block;font-weight:700;margin-right:.5rem;font-weight:400;letter-spacing:2px;font-size:1.2rem;padding:.25rem .5rem;transition:all .3s linear;transition:var(--mainTransition)}.nav-links a:hover{color:#222;color:var(--mainBackground)}.logo{width:12rem}.SideBar{z-index:5;min-height:100%;width:5rem;background:#333;display:flex;flex-direction:column;border-right:1px solid #222;font-size:1.5rem}.menu,.menuClosed{position:fixed;height:calc(100% - 5rem);margin-top:5rem;justify-content:space-between}.menu,.menuClosed,.SideIcon{display:flex;flex-direction:column}.SideIcon{width:5rem;height:5rem;color:#5c5c5c;justify-content:center;align-items:center;cursor:pointer}.SideIcon:hover{background-color:#222;color:#8f8f8f;cursor:pointer}.SideIcon div{margin-top:.5rem;font-weight:700;font-size:.75rem}.SelectedSideIcon{width:5rem;height:5rem;color:#afafaf;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.SelectedSideIcon:hover{background-color:#222}.SelectedSideIcon div{margin-top:.5rem;font-weight:700;font-size:.75rem}.menuOpen{position:fixed;margin-top:5rem;background:#333;width:17rem;height:calc(100% - 5rem);flex-direction:column}.menuOpen,.SideIcon-Open{display:flex;justify-content:space-between}.SideIcon-Open{color:#5c5c5c;align-items:center;cursor:pointer;border-top:1px solid #222;border-right:1px solid #222;border-bottom:1px solid #222;padding:.5rem 2rem;font-size:1.5rem;grid-gap:2rem;gap:2rem}.SideIcon-Open #faChild{padding-left:.25rem}.SideIcon-Open:hover{background-color:#222;color:#8f8f8f;cursor:pointer}.SelectedSideIcon-Open{color:#afafaf;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-top:1px solid #222;border-right:1px solid #222;padding:.5rem 2rem;font-size:1.5rem;grid-gap:2rem;gap:2rem}.SelectedSideIcon-Open:hover{background-color:#222}.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}.content,.FilterContainer{display:flex;width:100%}.FilterContainer{margin:5rem 1rem 0;flex-direction:column;justify-content:center;align-items:center}.FilterContainer .error{display:flex;justify-content:center}span{margin-bottom:5.5rem;display:none}.buttonContainer{position:fixed;margin-top:5rem;align-items:center;z-index:4;background:#333;border-top:1px solid #222;box-shadow:2px 4px 8px 0 rgba(0,0,0,.3);display:flex;width:calc(100% - 5rem);flex-direction:row;justify-content:space-between}.eleContainer,.rarityContainer,.typeContainer{display:flex;border:1px solid #333}.typeContainer{margin-right:5rem}.editionContainer{margin-left:5rem}.editionContainer,.more{display:flex;border:1px solid #333}.more{width:50px;height:50px;background:#333;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s linear;transition:var(--mainTransition);transition:all .3s ease-in-out}.more:hover{transition:all .4s ease-in-out}.more:hover,.moreSelected{border:1px solid #444;background:#444;-webkit-filter:brightness(1.2);filter:brightness(1.2)}.moreSelected{width:50px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s linear;transition:var(--mainTransition);transition:all .3s ease-in-out}.more img{position:fixed}.more:hover span{transition:all .4s ease-in-out;display:inline-block;background:#222;padding:.5rem;border:2px solid #444}.more span:hover{background:#333}.rarityContainer img{width:25px;padding-left:2px;padding-top:2px}#Monster img{width:25px}#Summoner img{width:40px}#chaos img,#dice img{padding-left:2px}#chaos img{transform:scaleX(-1)}.eleContainer img{width:25px;height:25px}.editionContainer img{width:30px;height:30px}.section{padding:1rem 0}.nomatches,.section-title{font-size:2rem;text-transform:capitalize;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);text-align:center;margin-bottom:3.5rem;margin-top:1rem}.nomatches{padding-top:5rem}.cards-center{margin-top:5rem;padding-bottom:2.5rem;display:flex;flex-wrap:wrap;grid-row-gap:2rem;row-gap:2rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;justify-content:center}@media screen and (max-width:1471px){.cards-center{margin-top:4.5rem}.more,.moreSelected{width:40px;height:40px}.rarityContainer img{width:20px}#Monster img{width:24px}#Summoner img{width:38px}#chaos img,#dice img{padding-left:2px}#chaos img{transform:scaleX(-1)}.eleContainer img{width:25px;height:25px}.editionContainer img{width:22px;height:22px}}@media screen and (max-width:1471px){.editionContainer{margin-left:2rem}.typeContainer{margin-right:2rem}}@media screen and (max-width:1100px){.menuClosed,.menuOpen{margin-top:4rem;height:calc(100% - 4rem)}.icons{max-width:4rem}.icons,.nav-center{max-height:4rem}.navbar{max-width:calc(100% - 4rem);height:4rem}.nav-logo{height:2.3rem;width:2.3rem;margin-bottom:.5rem}.form-control input{max-width:25rem}.editionContainer{margin-left:0}.typeContainer{margin-right:0}.FilterContainer{margin-top:4rem}.SideBar{max-width:4rem}.menu-logo{margin-left:1rem}#faChild,#faHome{font-size:1.2rem}.buttonContainer{margin-top:4rem;width:calc(100% - 4rem)}.SideIcon{font-size:1rem}.SelectedSideIcon,.SideIcon{width:4rem;height:4rem}}@media screen and (max-width:1000px){.cards-center{margin-top:3.7rem}.more,.moreSelected{width:30px;height:30px}.rarityContainer img{width:14px}#Monster img{width:20px}#Summoner img{width:30px}.eleContainer img{width:20px;height:20px}.editionContainer img{width:16px;height:16px}}@media screen and (max-width:900px){.form-control input{max-width:20rem}}@media screen and (max-width:775px){.navbar{max-width:100%}.form-control input{max-width:15rem}.SideBar{display:none}.menu-logo{margin-left:0}.buttonContainer{margin-left:0;width:100%}.FilterContainer{margin-left:1rem}.card{max-width:10rem}.content{display:flex}.editionContainer,.eleContainer,.rarityContainer,.typeContainer{border:none}}@media screen and (max-width:660px){.nav-logo{margin-left:.75rem}.cards-center{margin-top:2.7rem}.form-control input{display:none}.card{max-width:9rem}.buttonContainer{flex-direction:column}.FilterContainer{margin-top:11rem}}@media screen and (max-width:580px){.card{max-width:8rem}.buttonContainer{flex-direction:column}.FilterContainer{margin-top:11rem}}.card{cursor:pointer;background:#333;background:var(--mainBlack);box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);transition:all .3s linear;transition:var(--mainTransition);position:relative;border-radius:.25rem;border-radius:var(--mainBorderRadius);width:12rem}.card:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15);transform:scaleX(1.1) scaleY(1.1)}.card img{max-height:100%;max-width:100%;object-fit:cover;border-top-left-radius:.25rem;border-top-left-radius:var(--mainBorderRadius);border-top-right-radius:.25rem;border-top-right-radius:var(--mainBorderRadius)}.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:#333;color:var(--darkGrey);margin-bottom:.5rem}.search-form{margin:0 auto;text-transform:capitalize}.form-control input{width:35rem;border-radius:2rem;background:#333;padding:.75rem;font-size:1.1rem;border:1px solid #222}.form-control input,select,textarea{padding-left:1.5rem;color:#8f8f8f;outline:none}.cocktail-section{text-align:center}.drink{width:85vw;width:var(--smallWidth);max-width:1170px;max-width:var(--fullWidth);margin:0 auto;text-align:left}.drink img{border-radius:.25rem;border-radius:var(--mainBorderRadius)}.drink p{font-weight:700;text-transform:capitalize;line-height:1.8}.drink span{margin-right:.5rem}.drink-data{background:#d4e6a5;background:var(--primaryLightColor);padding:.25rem .5rem;border-radius:.25rem;border-radius:var(--mainBorderRadius);color:#476a2e;color:var(--primaryColor)}.drink-info{padding-top:2rem}@media screen and (min-width:992px){.drink{display:grid;grid-template-columns:2fr 3fr;grid-gap:3rem;gap:3rem;align-items:center}.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:#f7f7f7;color:var(--offWhite);text-indent:-9999em;margin:20rem auto 88px;position:relative;font-size:3rem;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}}
/*# sourceMappingURL=main.b2497463.chunk.css.map */