@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--font-title:"Libre Baskerville",serif;--font-text:"Montserrat",sans-serif}*{box-sizing:border-box;font-family:var(--font-text);font-weight:400;margin:0;padding:0;scroll-behavior:smooth}a{color:unset;text-decoration:none}body{background-color:#f8f8ff}.main-title{font-weight:700;padding:1rem .5rem;text-transform:uppercase}.secondary-content{padding:.5rem 1rem}table{margin:0 auto;max-width:99%}table,td,th{border:1px solid #000;border-collapse:collapse}table thead tr th{font-weight:700}.table__container{margin:0 auto;width:99%}.table__container thead tr{margin:0 auto}.table__container thead tr th{font-weight:700}.table__container tbody tr td{text-align:center}.nav{background-color:#4d4d4d;color:#fff;justify-content:space-between;min-height:50px;padding:1rem;width:100%}.nav,.user-menu{align-items:center;display:flex}.user-name{font-size:.75rem;font-style:italic}.spacer{padding:0 .5rem}td,th{padding:1rem}.classification-page__title{font-family:var(--font-title);font-weight:700;padding:20px;text-align:center}.family__container{align-items:center;flex-direction:column;margin:auto}.family__container,.family__subcontainer{display:flex;flex-wrap:wrap;max-width:100%}.family__subcontainer{justify-content:center;overflow-x:hidden;width:100%}.family__title{font-weight:700;margin-top:40px;text-align:center;text-transform:uppercase}.category__container{display:flex;flex-direction:column;max-width:180px;padding-inline:3px;width:50%}.category__subcontainer{display:flex;flex-wrap:wrap;justify-content:center}.category__title{font-family:var(--font-text);font-weight:600;letter-spacing:1.5px;text-align:center;text-transform:uppercase}.category-title__container{align-items:center;display:flex;height:100px;justify-content:center}.style__container{border:1px solid #000;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;font-style:italic;height:180px;justify-content:space-between;margin-bottom:5px;padding:.5rem;width:180px}.style__container:hover{cursor:pointer;scale:1.05;transition:.3s ease-out}.style__title{font-family:var(--font-title);font-size:1.2em;font-style:normal;text-align:center}.info-details_container{align-items:center;display:flex;flex-direction:column}.info-details{font-size:.8rem}.sub-style__container{display:flex;height:30%;justify-content:space-between;padding:2%}.middle-style__container{align-items:center;display:flex;margin:0 auto}.down-style__container{align-items:end;display:flex}.down-style__subcontainer{align-content:end;display:flex;padding-inline:2%}.style__container p{font-weight:500}#beer-details__modal{background-color:rgba(0,0,0,.75);height:100%;left:0;opacity:0;overflow:auto;position:fixed;top:0;transform:translateX(-100%);transition:opacity .4s ease,transform .4s ease,visibility .4s;visibility:hidden;width:100%;z-index:99999}#beer-details__modal.active{opacity:1;transform:translateY(0);visibility:visible}.filter__container{align-items:center;border-radius:12px;flex-direction:column;justify-content:space-between;margin:20px auto;padding-bottom:20px;padding-top:10px;width:95%}.filter__container.active{display:flex}.filter__container.disabled{display:none}#filter__title{border:3px solid #deb887;border-radius:12px;font-weight:700;margin:0 auto;padding:10px;text-align:center;text-transform:uppercase;width:150px}#filter__title:hover{background-color:#deb887;border:3px solid #f5bc72}.form__input{display:flex;flex-direction:column}label{font-weight:700;margin-right:20px;text-align:center}input[type=text],select{border:1px solid #ccc;border-radius:3px;font-size:16px;margin-bottom:10px;padding:10px}.form__buttons{display:flex;justify-content:space-around}.filter-btn{border:3px solid #deb887;border-radius:12px;min-width:50px;padding:1rem;text-align:center}.glossary-word{background-color:orange}@media only screen and (max-width:1024px){#filter-form{flex-direction:column}}.explanations_section{text-align:center}#info-box{aspect-ratio:1;background-color:bisque;border:2px solid #000;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);display:grid;grid-template-areas:"info-color . info-gravity" "info-name info-name info-name" "info-ibu . info-abv";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin:1rem auto;max-width:366px;padding:1rem;width:90%}.info-box_details{align-items:center;border:2px solid #000;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.info-box_details p{font-weight:700}#info-name{align-items:center;background-color:#f5c039;display:flex;grid-area:info-name;justify-content:center;margin:0 auto;width:33%}#info-srm{background-color:#f9e16c;grid-area:info-color}#info-gravity{background-color:#e49c1a;grid-area:info-gravity}#info-ibu{background-color:#acd066;grid-area:info-ibu}#info-abv{background-color:#c05925;grid-area:info-abv}.crafts__container{display:flex;flex-wrap:wrap;height:auto;justify-content:center;width:100%}.craft-card__container{border-radius:10px;box-shadow:0 10px 30px 5px rgba(0,0,0,.2);color:#fff;height:36rem;margin:20px;overflow:hidden;position:relative;width:24rem}.craft-card__picture{height:100%;object-fit:cover;width:100%}.craft-card__picture:hover{cursor:pointer;scale:1.1;transition:1s ease-in-out}.craft-card__beer-title{font-family:var(--font-title);font-size:1.75em;text-transform:uppercase;top:5%}.craft-card__beer-tagline,.craft-card__beer-title{font-weight:700;left:50%;position:absolute;transform:translate(-45%,-50%);width:100%}.craft-card__beer-tagline{font-family:var(--font-text);font-size:1.25em;font-style:italic;text-decoration:underline;top:12%}.craft-card__style-title{left:5%;text-transform:uppercase}.craft-card__beer-abv,.craft-card__style-title{bottom:2%;font-family:var(--font-text);font-size:1.25em;font-weight:700;position:absolute}.craft-card__beer-abv{right:5%}.beer-details__page-container{margin:0 auto;width:100%}.beer-details__container{margin:0 auto;max-width:1200px;padding:2em;text-align:center;width:95%}.beer-details__title{padding:2em}.beer-details__title h2{font-family:var(--font-title);font-size:2.5em;font-weight:700;text-transform:uppercase}.beer-details__picture img{height:auto;object-fit:cover;width:100%}.beer-details__slogan{padding:2em}.beer-details__slogan p{font-size:1.5rem;font-style:italic;font-weight:700}.beer-details__tabs .tab span{font-weight:700}.beer-details__tabs{display:flex;flex-direction:column;width:100%}.tab{border:1px solid #ccc;cursor:pointer;display:flex;font-size:1.25em;justify-content:space-between;margin-right:10px;padding:20px}.tab-left,.tab-middle,.tab-right{font-weight:700;width:30%}.tab-left{padding-left:10px;text-align:start}.tab-right{padding-right:10px;text-align:end}.tab-middle{font-weight:500}.tab-content{border:1px solid #ccc;display:none;padding:10px}.tab-content.active{display:block}@media only screen and (max-width:400px){.beer-details__container{padding:0;width:100%}.tab{font-size:1em}}.style-details__container{margin:0 auto;min-height:95%;width:95%}.modal__inner-container{height:100%;position:relative;width:100%}.modal-content{background-color:#fff;border-radius:12px;height:100%;min-height:80vh;overflow-y:scroll;padding:5%;width:100%}.close-modal{font-size:5rem;position:absolute;right:1rem;top:-1rem}.style-details__name{font-family:var(--font-title);font-size:1.5em;font-weight:700;padding-bottom:.5em;padding-top:1.75em;text-align:center;text-transform:uppercase}.style-details__text{margin-top:1em}.style-details__span{font-weight:700}.messages__container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;width:100%}.messages__title{padding:3em;text-transform:uppercase}.messages__style{background-color:#f2f0e1;border-radius:0 0 1em 1em;margin:0 auto;min-height:50vh;width:100%}.messages__form{display:flex;justify-content:space-between;margin-top:.5em;width:50%}.messages__input{padding:1em;width:90%}.messages__recipient-pseudo{background-color:#f5ce59;border-radius:1em 1em 0 0;font-weight:700;padding:1em}.messages__send-btn{background-color:#f2f0e1;border:none;border-radius:1em;font-weight:700;padding:1em}.messages__send-btn:hover{background-color:#f5ce59}.recipient__style,.sender__style{width:100%}.recipient__style{display:flex;justify-content:end}.recipient__message,.sender__message{border-radius:1em;margin:.5em;padding:.5em;width:fit-content}.sender__message{background-color:#f5ce59;text-align:left}.recipient__message{background-color:#f59d59;text-align:end}@media only screen and (min-width:350px){.messages__form,.messages__style{width:98%}}h1{padding:1rem;text-align:center;text-transform:uppercase}