body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.c-beerDetail{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;width:100%}.c-beerDetail__img{height:60vh}.c-beerDetail__description{font-style:italic;width:50%}.c-beerDetail__details{display:flex}.c-beerDetail__details__title{width:20%}.c-beerDetail__food{display:flex;width:40%}.cta{background:none;border:none;cursor:pointer;position:absolute;right:10%;top:5%}.cta span{font-size:10px;letter-spacing:4px;padding-bottom:7px;padding-right:15px;text-transform:uppercase}.cta svg{-webkit-transform:translateX(-8px);transform:translateX(-8px);transition:all .3s ease}.cta:hover svg{-webkit-transform:translateX(0);transform:translateX(0)}.cta:active svg{-webkit-transform:scale(.9);transform:scale(.9)}.hover-underline-animation{color:#000;padding-bottom:20px;position:relative}.hover-underline-animation:after{background-color:#000;bottom:0;content:"";height:1.5px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.cta:hover .hover-underline-animation:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@media(max-width:1000px){.c-beerDetail{align-items:center;flex-direction:column;justify-content:center;line-height:20px;width:100%}.c-beerDetail__img{height:50%;margin-top:10px}.c-beerDetail__description{line-height:12px;width:90%}.c-beerDetail__name{color:#374943;margin-top:32px;text-shadow:0 0 1px #374943}.c-beerDetail__food{align-items:center;flex-direction:column;justify-content:center;text-align:center;width:100%}.cta{right:10px;top:18px}}.c-gallery{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:4%}.c-gallery__input{border:1px solid hsla(0,0%,50%,.603);border-radius:5px;height:1.8rem;margin-bottom:10px;padding:0 32px;width:49%}.c-gallery__search{height:20px;position:relative;right:25.5%;top:24px;width:20px}.c-gallery__btns{gap:10px}.c-gallery__btns,.c-gallery__btns__paginate{align-items:center;display:flex;justify-content:center}.c-gallery__btns__paginate{border:2px solid #000;border-radius:50%;font-weight:500;height:32px;width:32px}.fancy{background-color:transparent;border:2px solid #000;border-radius:0;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.05em;margin:24px;outline:none;overflow:visible;padding:1.25em 2em;position:relative;text-align:center;text-decoration:none;text-transform:none;transition:all .3s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancy:before{background:#000;content:" ";height:2px;left:1.5em;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:center;transform-origin:center;transition:background .3s linear,width .3s linear;width:1.5625rem}.fancy .text{color:#000;display:block;font-size:1.125em;line-height:1.33333em;padding-left:2em;text-align:left;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.fancy .top-key{background:#e8e8e8;height:2px;left:.625rem;position:absolute;top:-2px;transition:width .5s ease-out,left .3s ease-out;width:1.5625rem}.fancy .bottom-key-1{right:1.875rem;width:1.5625rem}.fancy .bottom-key-1,.fancy .bottom-key-2{background:#e8e8e8;bottom:-2px;height:2px;position:absolute;transition:width .5s ease-out,right .3s ease-out}.fancy .bottom-key-2{right:.625rem;width:.625rem}.fancy:hover{background:#000;color:#fff}.fancy:hover:before{background:#fff;width:.9375rem}.fancy:hover .text{color:#fff;padding-left:1.5em}.fancy:hover .top-key{left:-2px;width:0}.fancy:hover .bottom-key-1,.fancy:hover .bottom-key-2{right:0;width:0}@media(max-width:768px){.c-gallery{margin-top:12%}.c-gallery__search{right:30%}.c-gallery__btns{width:90%}.c-gallery__btns__paginate{height:24px;width:32px}.c-gallery .fancy{margin:0}}.c-card{border:1px solid hsla(0,0%,50%,.603);border-radius:5px;box-shadow:0 0 6px #a19e9e;display:flex;justify-content:space-between;padding:1.5rem;width:50%}.c-card__body{display:flex;flex-direction:column;font-weight:500;text-align:left}.c-card__img{height:85%;margin-right:10%;object-fit:contain;transition:all .3s ease-in-out;width:10%}.c-card__img:hover{cursor:pointer;-webkit-filter:saturate(200%);filter:saturate(200%);-webkit-transform:scale(1.15);transform:scale(1.15)}.c-card__trash{bottom:16%;cursor:pointer;height:24px;left:98%;position:relative;width:24px}.c-card__trash:hover{opacity:.5}.c-card__name{font-size:1.5rem;font-weight:700}.c-card__tagline{font-style:italic}.c-card__description{font-weight:400;width:98%}.c-card__properties{display:flex;flex-wrap:wrap;gap:16%}.c-card__properties__title{text-decoration:underline}.c-card__properties__value{text-align:center}.c-link{color:#000;display:flex;text-decoration:none}@media(max-width:1500px){.c-card{align-items:center;flex-direction:column;justify-content:center;width:80%}.c-card__img{margin:10%;width:20%}.c-card__trash{bottom:60%;left:45%}.c-card__body{text-align:center}.c-card__properties{flex-wrap:wrap;justify-content:center}.c-card__description{height:11vh;overflow-x:hidden}.c-link{align-items:center;flex-direction:column;justify-content:center}}.c-nav{align-items:center;background-color:#fff;box-shadow:0 2px 1px hsla(0,0%,50%,.377);display:flex;height:7vh;justify-content:space-between;position:fixed;top:0;width:100%;z-index:1}.c-nav__logo__img{height:6vh;margin:2px 10px;width:auto}.c-nav__item{color:rgba(52,53,52,.74);cursor:pointer;font-weight:500;margin:0 24px;text-transform:uppercase}.c-nav__content{display:flex}.c-nav__link{color:#000;text-decoration:none}@media(max-width:768px){.c-nav{justify-content:space-between;width:100vw}.c-nav__item{font-size:12px}}.c-postBeer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:6%}.c-postBeer__title{color:rgba(25,41,25,.74)}.c-form{align-items:center;background-color:hsla(0,0%,50%,.041);border:1px solid gray;border-radius:6px;box-shadow:0 0 6px #a19e9e;display:flex;flex-direction:column;gap:14px;justify-content:center;margin:2%;padding:3%;width:30vw}.c-form__input{border:1px solid gray;border-radius:5px;height:24px;padding:4px;width:85%}.c-form__textArea{border-radius:5px;font-family:Verdana,Geneva,Tahoma,sans-serif;width:85%}.c-form__error{color:red;font-size:12px}.c-form__fieldset{border:none;display:flex;gap:10px;width:85%}.c-form__btn{background:#e8e8e8;border:initial;color:#212121;cursor:pointer;font-size:17px;font-weight:1000;height:50px;padding:15px 25px;position:relative;z-index:1}.c-form__btn,.c-form__btn:before{border-radius:15px;box-shadow:4px 4px 10px -3px rgba(0,0,0,.27);transition:all .25s}.c-form__btn:before{background-color:#212121;content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.c-form__btn:hover{color:#e8e8e8}.c-form__btn:hover:before{width:100%}.c-form__btn--create{position:relative;top:72%}@media(max-width:768px){.c-postBeer{margin-top:24%}.c-form{gap:10px;height:50vh;width:80vw}.c-form_btn--create{bottom:0;position:absolute}}
/*# sourceMappingURL=main.314055ea.css.map*/