body{font-family:Raleway,sans-serif;margin:0;padding:0}.nav-bar{background-color:#000000d9;display:flex;flex-direction:row;height:5rem;position:fixed;top:0;width:100%;z-index:100}.nav-bar h1{color:#fff;font-family:Unica One,cursive;font-size:3rem;height:100%;margin:0 auto 0 1rem}.nav-bar h1,.nav-logo{align-items:center;display:flex}.nav-logo{color:inherit;cursor:pointer;margin-left:1rem;position:relative;text-decoration:none}.nav-logo img{border:.1rem solid #fff;box-sizing:border-box;height:4rem;padding:2px;width:4rem}@media screen and (max-width:440px){.nav-logo h1{font-size:1.5rem;margin-left:.5rem}.nav-logo img{height:2.5rem;width:2.5rem}}.splash-page{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100%;min-width:100%;position:fixed}.splash-title{left:50%;position:absolute;text-shadow:0 4px 12px rgba(31,31,31,.534),0 8px 16px rgba(43,43,43,.582);top:50%;transform:translate(-50%,-50%)}.splash-button,.splash-title{color:#fff;text-align:center;z-index:10}.splash-button{background:#4b4b4b;border:none;box-shadow:0 4px 12px rgba(0,0,0,.281),0 8px 16px #00000063;cursor:pointer;display:block;font-family:Raleway,sans-serif;font-size:18px;font-style:normal;margin:2rem auto auto;padding:20px 40px;position:relative;width:10rem}.splash-button:hover{background:#1db954}h1{font-size:3rem}p{font-size:1.1rem;margin:0}@media screen and (max-width:440px){h1{font-size:2rem}p{font-size:.9rem}}#footer{background-color:#000000d9;bottom:0;display:flex;flex-direction:row;height:2.5rem;justify-content:space-between;left:0;padding:0 1rem;position:fixed;width:100%;z-index:200}#footer h1{color:#fff;font-size:1rem;width:100%}#footer-buttons{cursor:pointer}#footer-buttons ul{display:flex;flex-direction:row;height:100%;list-style-type:none;margin:0;overflow:hidden;text-align:right}#footer-buttons li{align-items:center;display:flex;justify-content:center;margin-right:1rem}#footer-buttons li button{background:none;border:none;color:hsla(0,0%,92%,.855);cursor:pointer;font-family:Raleway,sans-serif;font-size:1rem;padding:.5rem;text-align:center;width:5rem}#footer-buttons li button:hover{color:#f1f1f1;text-decoration:underline}@media screen and (max-width:440px){#footer h1{font-size:.8rem;line-height:1.5rem}}div::-webkit-scrollbar{background-color:#c7c7c7;width:4px}div::-webkit-scrollbar-thumb{background-color:#000}div::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000001a}.loading-screen{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-screen img{max-height:150px}.loading-screen h2{color:#fff;margin:10px 0}.error-message{color:red;font-size:1.2rem;padding:2rem;text-align:center}.home-page-pic{background-position:50%;background-repeat:no-repeat;background-size:cover;margin:auto;max-height:100%;min-width:100%;position:fixed;z-index:-1}.genre-button{animation:kreep 1s ease 2s infinite alternate;background-color:red;border:none;border-radius:50%;color:#fff;cursor:pointer;height:1.7rem;opacity:.9;padding:0;position:absolute;text-shadow:0 4px 12px rgba(31,31,31,.534),0 8px 16px rgba(43,43,43,.582);transition-duration:.2s;width:1.7rem;z-index:1}.genre-button:hover{animation:none;opacity:1}.genre-button-1{left:10%;top:60%;transform:translate(-40%,-90%)}.genre-button-2{left:30%;top:20%;transform:translate(-80%,-70%)}.genre-button-3{left:80%;top:65%;transform:translate(-20%,-35%)}.genre-button-4{left:80%;top:15%;transform:translate(-85%,-20%)}.genre-button-5{left:35%;top:85%;transform:translate(-15%,-65%)}.genre-button-6{left:55%;top:60%;transform:translate(-40%,-35%)}@keyframes kreep{0%{opacity:.4}40%{opacity:.75}50%{opacity:1}60%{opacity:.75}to{opacity:.4}}.album-title-popup{background-color:rgba(0,0,0,.815);border:1px solid #fff;box-sizing:border-box;color:#fff;margin:.5rem;max-width:20rem;padding:.5rem;position:fixed;text-align:left;z-index:9999}.album-title-popup h4,.album-title-popup h5{margin:0}@media screen and (max-width:470px){.album-title-popup{display:none}}.back,.front{backface-visibility:hidden;background-color:#fff;border:.5rem solid #f5f5f5;color:#000;font-size:3rem;height:100%;width:100%}.front img{height:100%;object-fit:cover;width:100%}.back{background-color:#faebd7}.album-cover-top,.album-modal-container,.album-page{height:100%}.album-page h2{font-size:clamp(1rem,2.5vw,2rem);margin:1rem}.album-cover-top{display:flex;flex-direction:row;margin:auto;position:relative;width:100%}.album-cover-title{border:1px solid #000;margin:.5rem .25rem .5rem .5rem;width:50%}.album-cover-title,.drink-info-container{overflow:auto}.drink-info-container{margin:.5rem .5rem .5rem .25rem;width:50%}.drink-info{margin:20px 0}.drink-img img{display:block;margin:0 auto 20px}.artist-pic{margin:auto;padding:0 10px;text-align:center}.artist-pic img{max-height:200px;max-width:100%;width:auto}.about-album{display:flex;flex-direction:row;margin:.5rem}.about-album p{font-size:.9rem;max-height:380px}.drink-info-card{border:1px solid #000;margin:0 0 20px;padding:1rem}.drink-info-card h3{font-size:clamp(1rem,2.5vw,2rem);margin:0 0 1rem}.drink-info-card p{font-size:clamp(1rem,2vw,1rem)}.drink-info-card ul{margin:0}.drink-info-card li{font-size:.9rem;margin:0 0 .5rem}.drink-ingredients{max-width:325px}@media screen and (max-width:800px){.album-cover-top{display:block;overflow:auto}.album-cover-title,.drink-info-container{margin:5px;width:auto}.about-album p{max-height:none}}.modal-overlay{background:#0009;display:grid;inset:0;place-items:center;position:fixed;z-index:999}.modal-square{aspect-ratio:1/1;perspective:6000px;width:min(80vw,80vh)}.flip-card{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:100%}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;backface-visibility:hidden;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.flip-card-back{transform:rotateY(180deg)}.modal-click-me{background-color:#fff;border:none;border-radius:2px;color:#000;cursor:pointer;display:none;margin:10px auto;padding:5px 10px;text-align:center;width:fit-content}@media screen and (max-width:470px){.modal-click-me{display:block}}.album-detail-card input[type=button],.album-detail-card input[type=submit],.drink-detail-card input[type=button],.drink-detail-card input[type=reset],.drink-detail-card input[type=submit]{background:#7226c9;border:1px solid #3c0e5a;color:#fff;cursor:pointer;display:block;font-family:Raleway,sans-serif;font-size:18px;font-style:normal;margin:10px;max-width:200px;padding:20px 30px;position:relative;text-align:center;width:auto}.album-detail-card input[type=button]:hover,.album-detail-card input[type=submit]:hover,.drink-detail-card input[type=button]:hover,.drink-detail-card input[type=reset]:hover,.drink-detail-card input[type=submit]:hover{background:#561592}#admin-page{margin-bottom:4rem}#admin-page textarea{max-width:100%}.admin-title{position:relative;text-align:left}.admin-title h1{border:2px solid #8633f3;color:#fff;display:inline-block;font-size:50px;margin:30px;padding:.5rem;position:absolute;right:0;text-shadow:0 8px 16px #4141415e,0 8px 16px rgba(26,26,26,.603);top:16rem}p{font-family:Lato,sans-serif}.toggle-buttons{margin:2rem}.edit-album-form-layout{display:flex;flex-direction:row}.drink-input label,.edit-album-form-layout label{display:block;margin-bottom:10px}.edit-album-form-1,.edit-album-form-2{margin:1rem;width:50%}input[type=text],select,textarea[type=text]{border:1px solid #ccc;box-sizing:border-box;display:inline-block;font-size:1rem;margin:8px 0;padding:14px 8px;width:80%}.album-id{width:2rem}.form-id-genre{display:flex;flex-direction:row}.detail-cards-containers{padding:0 20px}.admin-drink-info-card,.album-detail-card,.drink-detail-card{background-color:#f1f1f1;border:1.5px solid #7222a7;box-shadow:0 2px 6px #0000001f,0 2px 4px #0000003d;font-family:Raleway,sans-serif;margin:10px auto;padding:20px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.album-detail-card:hover,.drink-detail-card:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.album-detail-card h1,.drink-detail-card h1{font-size:2rem}.album-detail-card input[type=text],.album-detail-card input[type=url],.album-detail-card textarea,.drink-detail-card input[type=text],.drink-detail-card input[type=url],.drink-detail-card textarea{background-color:#fff;border:none;border-radius:4px;box-shadow:inset 0 1px 0 #00000008;box-sizing:border-box;color:#56545c;font-family:Raleway,sans-serif;font-size:16px;margin:0 0 30px;outline:0;padding:7px;width:100%}.admin-pic-preview{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:2rem}.admin-album-cover-container,.admin-artist-photo-container{margin:0 5px 1rem}.admin-album-cover-container h5,.admin-artist-photo-container h5{color:#56545c;font-family:Raleway,sans-serif;font-size:16px;margin:0 0 20px;width:100%}.admin-album-image,.admin-artist-image{border:1px solid #000;box-shadow:0 6px 18px #0000005e,0 2px 4px rgba(0,0,0,.603);max-height:200px;min-width:150px}.admin-album-image img,.admin-artist-image img{margin-bottom:-5px;max-height:200px;object-fit:cover;width:100%}.admin-drink-image-container{display:flex;justify-content:center}.admin-drink-image{border:1px solid #000;box-shadow:0 6px 18px #0000004d,0 2px 4px #0000004d;margin:0 auto;max-height:225px;min-height:220px;min-width:150px}.admin-drink-details ul li{margin-bottom:5px}.admin-drink-info-card{background-color:#dbdada;margin-bottom:20px;max-width:375px}.admin-drink-info-card h1{margin-top:0}.admin-drink-info-container{display:flex;flex-direction:row}.admin-drink-info-container ul{margin:0}.admin-drink-info-container li{margin-bottom:1rem}.buttons{background:#7226c9;border:1px solid #3c0e5a;color:#fff;cursor:pointer;display:block;font-family:Raleway,sans-serif;font-size:18px;font-style:normal;margin:20px;max-width:10rem;padding:19px 39px 18px;position:relative;text-align:center}.buttons:hover{background:#561592}.drink-submit-buttons,.submit-buttons{display:flex;justify-content:center}.drink-submit-buttons input,.submit-buttons input{cursor:pointer}.drink-submit-buttons input:hover,.submit-buttons input:hover{background:#561592}.drink-submit-buttons{flex-direction:row;margin:2rem 0}.button-delete-message{border:1px solid #d80808;color:#d80808;font-family:Raleway,sans-serif;font-size:18px;font-style:normal;margin:auto;text-align:center;width:50%}.message{color:red;font-size:1.5rem;margin-top:0}@media screen and (max-width:940px){.edit-album-form-layout{display:block}.edit-album-form-1{margin:0;width:100%}}@media screen and (max-width:640px){.admin-title h1{font-size:2rem}}@media screen and (max-width:500px){.admin-drink-info-container{display:block}.admin-album-cover-container,.admin-artist-photo-container,.admin-drink-image-container{margin:0 auto 1rem}.admin-drink-image-container{display:flex;justify-content:center;margin-bottom:2rem}.admin-drink-details ul{padding:10px}}@media screen and (max-width:440px){.admin-title h1{font-size:1.5rem}}
/*# sourceMappingURL=main.f8763055.css.map*/