*{box-sizing:border-box;margin:0;padding:0}.homepage{max-width:100%;height:100%}.intro-text{display:flex;align-self:center;justify-self:center;font-size:3.5rem;width:1000px}.body-preview{margin-top:50px}.body-preview img{display:flex;justify-self:center;width:500px;height:500px}.rec-info{display:flex;flex-direction:column;justify-self:center;width:500px;justify-content:flex-start;margin-top:10px}.more-rec-info{width:142px;padding:10px;background-color:#000;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:15px}.more-rec-info:hover{text-decoration:underline}.cta{display:flex;flex-direction:column;width:1250px;margin-top:15px}.cta-text{margin-top:50px;font-size:15px;width:1250px;display:flex;justify-self:center;padding-left:200px}.cta-buttons{display:flex;flex-direction:row;cursor:pointer;justify-self:center;justify-content:center;margin-top:15px;width:1250px}.recs{width:400px;margin-top:10px;background-color:#000;color:#fff;border:none;padding:50px;font-size:16px;cursor:pointer}.recs:hover{text-decoration:underline}.rec-engine{width:400px;margin-top:10px;margin-left:50px;background-color:#000;color:#fff;border:none;padding:50px;font-size:16px;cursor:pointer;position:relative;display:inline-block}.rec-engine:hover{text-decoration:underline}@media (max-width: 500px){.homepage{min-height:100vh}.intro-text{display:flex;align-self:center;justify-self:center;font-size:1.5rem;width:90%;margin-left:7%}.body-preview img{display:flex;justify-self:left;align-self:center;width:60%!important;height:20%!important;margin-left:20%}.rec-info{align-self:center;width:100%!important;justify-content:center!important;margin-left:45%}.cta{width:100%!important}.cta-text{width:100%!important;padding-left:0!important;margin-left:4%}.cta-buttons{justify-content:left!important;justify-content:center;margin-top:0!important;width:100%!important;flex-direction:column!important}.recs{width:80%!important;padding:25px!important;margin-left:4%!important}.rec-engine{width:80%!important;margin-top:10px;margin-left:4%!important;padding:25px!important}.recommendation-section{display:none}}.recommendation-item{display:flex;gap:12px;margin-bottom:0;align-items:center;flex-direction:column;margin-right:20px;margin-left:20px}.item-artwork{height:200px}.item-artwork img{width:200px;height:200px;object-fit:cover;border-radius:6px}.item-artwork.tbd{width:200px;height:200px;object-fit:cover;border-radius:6px;background:#eee}.item-info{flex:1;align-self:flex-start;width:200px;height:105px;margin-top:0;margin-bottom:-30px}.item-info .item-title{font-weight:600;align-items:center;justify-items:center}.item-info .item-artist{color:#666;align-items:center}.item-info .item-preview{margin-top:6px}.item-info .item-preview .item-audio{width:100%}.item-info .item-preview-text{margin-top:6px;font-size:13;color:#999}.link-menu-button{transform:translate(1350%) translateY(-1050%);border:none;color:#000;size:30px;margin-bottom:0;background-color:transparent;transition:transform .2s ease,opacity .2s ease;opacity:.85;cursor:pointer}.item-info .link-menu-button .menu-icon{fill:#000;width:20px;height:20px}.item-links{transform:translate(680%) translateY(-1100%);width:30px;transition:.5s ease;height:20px}.item-links a img{width:22px;height:22px;opacity:.85;transition:transform .2s ease,opacity .2s ease;margin-top:5px;margin-left:6px;display:flex;align-self:center}.item-links a img:hover{transform:scale(1.2);opacity:1;cursor:pointer}.item-audio-preview{height:80px;width:200px}iframe{margin-top:15px;height:80px;width:300px;border:none;transform:scale(67%);transform-origin:top left;overflow:hidden;transition:.5s ease}.gap-container{height:6px}.rating-system{color:#999}.rating-system.multi .ratings-container{transform:translateY(0);margin-top:30px}.rating-system.single{transform:translateY(-10%);margin-top:6px}.recommendation-list{margin-top:20px;width:100%}.list-title{font-family:serif;font-size:1rem;margin-left:32px;display:flex;padding-bottom:10px}.recommendation-list-items{width:100%;display:flex;flex-direction:row}.carousel{position:relative;overflow:hidden}.carousel-window{overflow:hidden;width:100%}.carousel-track{display:flex;width:calc(100% * var(--total-slides));transition:transform .5s ease}.carousel-slide{flex:0 0 20%;opacity:.6;transform:scale(.9);transition:all .5s ease;display:flex;justify-content:center;padding:2px}.carousel-slide.active{opacity:1;transform:scale(1);z-index:2}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;padding:10px;cursor:pointer;z-index:10;border-radius:50%}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.rate-button{cursor:pointer;margin:5px;border-radius:50%;height:32px;width:32px;background-color:#fff}.rate-button:hover{transform:.5s ease}.rate-buttons{cursor:pointer;margin:5px;border-radius:50%;height:35px;width:35px;background-color:#fff;border:none}.rate-button.positive{border:none}.recommender{background-color:#fff;height:100%;width:100vw;flex-direction:column}.page-title{font-family:serif;font-size:50px;justify-content:center;padding-top:0;display:flex}.mobile-message{display:none;font-size:1rem}.space-container{display:none}.rec-body{flex:1;margin-top:100px;width:100vw}.rec-body.visible{height:950px;width:100vw}.rec-body.hidden{height:341px;width:100vw}.search-bar-container{padding-top:20px;margin-left:20px;margin-right:20px;display:flex;flex-direction:column;align-items:center;min-width:200px;justify-items:center}.search-bar-container.visible{padding-top:20px;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:center;min-width:200px;justify-items:center}.engine-header{font-family:serif;display:flex;margin-bottom:30px;font-size:xx-large}.autocomplete{position:fixed}.search-button,.search-button.visible{padding:10px;width:100%;background-color:#4caf50;color:#fff;border:none;border-radius:5px;justify-items:center;cursor:pointer}.search-button.hidden{padding:10px;width:100%;background-color:#4caf50;color:#fff;border:none;border-radius:5px;justify-items:center;cursor:pointer;margin-top:0}.error-link{color:red}.recommendation-list-container.visible{width:100vw;margin:50px}.recommendation-list-container.hidden{visibility:hidden}@media (max-width: 500px){.rec-body{display:none}.mobile-message{display:flex;min-height:80.2vh;flex-direction:column;align-items:center}.engine-header{font-size:1.5rem;margin-left:15px}}.input-wrapper{width:50%;display:flex;align-items:center}input{height:100%;font-size:1rem;width:100%;padding:10px 30px 10px 10px;margin-bottom:10px;border:"1px solid #ccc"}.clear-button{cursor:pointer;color:#000;display:flex;margin-bottom:10px;transform:translateY(-2%);transform:translate(-150%);size:20px}.clear-button.hidden{visibility:hidden}.clear-button.visible{visibility:visible}.autocomplete-results{width:50%;display:flex;flex-direction:column;max-height:160px;overflow-y:scroll;margin-bottom:1rem}.autocomplete-listing{padding:10px 20px}.autocomplete-listing:hover{background-color:#000;color:#fff;cursor:pointer}.menu{display:inline-flex;width:60px}.menu-button{background-color:#fff;border:none;cursor:pointer;font-size:30px;display:flex;align-items:center;justify-items:center;margin-top:35px}.menu-icon{padding:0;margin:0;background-color:none;cursor:pointer;position:relative}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:998}.panel{background-color:#000;position:fixed;top:0;width:250px;height:100%;color:#fff;transform:translate(100%);transition:right .3s ease-in-out;z-index:1000}.panel.open{right:0;transform:translate(0)}.close-button{display:flex;align-items:flex-end;justify-content:flex-end;cursor:pointer;border:none;background-color:#000;width:20px;margin-top:25px;font-size:30px}.menu-items{display:flex;flex-direction:column;margin-top:25px;padding:0}.menu-links{margin-top:25px;padding:20px;background-color:#000;display:flex;justify-content:flex-start;width:250px;color:#fff;text-decoration:none}.menu-links:hover{background-color:#fff;color:#000}@media (max-width: 500px){.menu-button{margin-top:0!important;margin-left:20%;margin-bottom:20%}.menu-overlay{height:100%!important}.menu-items{margin-top:0!important}}.recommendations-title{font-family:serif;display:flex;font-size:xx-large;margin-left:68px}.recommendations-table-cta{margin-left:70px}.recs-table{display:flex;flex-direction:column;max-width:100vw;margin:20px}@media (max-width: 768px){.row-one,.row-two,.row-three{flex-direction:column!important;max-width:100%!important}.image-container img{width:350px;margin-left:0!important}.image-overlay{transform:translateY(-106.3%)!important}.overlay-text{margin-left:5%!important}}.image-container{display:inline-block;position:relative}.image-overlay{position:absolute;width:350px;height:350px;background:#0000004d;transform:translate(5.2%,-106.3%);transition:background .3s ease;cursor:pointer}.image-overlay:hover{background:none}.overlay-text:hover+.image-overlay{background:none}.image-container img{width:350px;margin:18px}.overlay-text{position:relative;width:fit-content;min-width:150px;max-width:300px;transform:translateY(-176%);margin-left:45px;color:#fff;transition:color .3s ease}.genre-container{background-color:#738ea0;width:fit-content;min-width:50px;max-width:200px;height:28px;display:flex;justify-content:center;align-items:center;padding:10px;cursor:pointer;position:absolute;transform:translateY(-450%)}.overlay-genre{font-family:sans-serif;font-size:15px}.overlay-title{font-family:serif;font-size:25px;cursor:pointer;position:absolute;transform:translateY(-280%);width:max-content;min-width:150px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .3s ease}.overlay-title:hover span{animation:scroll-pingpong 3s linear infinite alternate;display:inline-block}@keyframes scroll-pingpong{0%{transform:translate(0)}20%{transform:translate(0)}80%{transform:translate(-10%)}to{transform:translate(-10%)}}.row-one,.row-two,.row-three,.row-four{display:flex;flex-direction:row;width:1224px;justify-content:center}.rec-page{min-height:100%}.rec-page-one{margin-left:160px;margin-right:160px}.rec-page-two{width:100vw;margin-left:10px;margin-right:50px;margin-bottom:50px}.back-button{font-size:30px;color:#000;width:35px;height:30px;display:flex;justify-content:center;transform:translate(-90%);transform:translateY(150%)}.back-button-icon{color:#000;display:flex;transform:translateY(-150%)}.rec-page-title{font-size:20px;display:flex;justify-content:left;margin-left:15px}.info-section{display:flex;flex-direction:row;margin-top:20px}.info-section img{width:350px;margin:18px}.rec-page-info{margin-top:15px;margin-left:20px}.info-title{font-size:15px;margin-bottom:40px}.label{font-weight:700}.artist-name,.release-date,.genre-info,.artist-status,.upcoming-event{margin-bottom:30px;font-size:20px}.line-divider{border:none;border-top:1px solid black;margin:10px 20px 15px}.about-artist{margin-left:20px}.about-artist-title{font-size:20px;margin-bottom:20px}.about-artist-content{font-size:20px}.about-artist-content .section_1,.about-artist-content .section_2,.about-artist-content .fun_fact{line-height:1.75}.line-divider2{border:none;border-top:1px solid black;margin-left:25px;margin-right:25px;margin-bottom:15px}.rec-page-cta{margin-left:20px}.single-height{height:400px}.album-height{height:513px}.cta-title{margin-bottom:15px;margin-top:15px}.cta-table{display:flex;flex-direction:row}.cta-col-one{display:flex;flex-direction:column;width:500px}.col-one-title{margin-bottom:15px}.embed{height:380px}.yt-frame{width:560px;height:315px}.spotify-frame{width:600px;height:500px;border-radius:12px}.cta-col-two{display:flex;flex-direction:column;margin-left:0;margin-top:50px;width:400px}.col-two-title{margin-bottom:30px}.cta-col-two a{font-size:20px}.social-row{display:flex;gap:6px}.social_label{color:#000;font-weight:700;font-size:20px;display:flex;flex-direction:column}.line-divider3{border:none;border-top:1px solid black;margin-left:180px;margin-right:180px;margin-bottom:15px}@media (max-width: 500px){.rec-page-one{margin-left:0}.rec-page-title{width:100vw;font-size:.9rem}.info-section{flex-direction:column}.info-section img{width:100%;height:50%}.artist-name,.release-date,.genre-info,.artist-status,.upcoming-event{width:100%!important}.rec-page-two{display:none}.single-height,.album-height{height:800px}.cta-title h2{width:100%!important}.cta-table{flex-direction:column}.cta-col-one{width:100%;height:330px}.col-one-title h2{width:100%!important}.yt-frame{width:200%;height:100%}.spotify-frame{width:200%;height:150%}.cta-col-two,.social-row{width:100%}}.about-intro{display:flex;align-self:center;justify-self:center;font-size:3.5rem;width:1000px}.about-body{margin-top:50px;display:flex;width:1000px;align-self:center;justify-self:center;justify-content:center;font-size:18px;line-height:1.5em;font-family:sans-serif}@media (max-width:500px){.about-us{min-height:80.1vh}.about-intro{width:100%;font-size:1.5rem;font-weight:700;margin-left:15px}.about-body{width:90%;font-size:1rem;margin-top:30px}}.contact-us{display:flex;flex-direction:row;padding:6px;justify-content:center}.contact-text{margin-right:100px;margin-top:20px}.contact-intro{font-family:sans-serif;font-size:70px}.contact-body{font-size:18px;font-family:sans-serif;margin-top:50px}.contact-input{display:flex;flex-direction:column;margin-left:20px;margin-top:30px}.email-us{display:flex;flex-direction:row;font-size:18px}.email-label{font-weight:700}.email-text{margin-left:5px}.info-input{margin-top:10px}.name-input{display:flex;flex-direction:row}.last-name{margin-left:15px}.email-input{margin-top:10px}.message-input{margin-top:0;height:200px}.submit-button{margin-top:10px;padding:10px;width:142px;background-color:#000;color:#fff;font-size:16px;border:none;cursor:pointer}@media (max-width: 500px){.contact-us{width:100%;flex-direction:column}.contact-text{margin-right:0}.contact-intro{font-size:2rem;justify-self:center!important}.contact-body{width:90%;justify-self:left}.contact-input{margin-left:5px;margin-right:5px}.name-input{flex-direction:column}.last-name{margin-top:10px;margin-left:0}}.page-layout{background-color:#fff;height:100%;width:100%;flex-direction:column}.header-wrapper{position:relative;width:100%;top:0;left:0;z-index:1000;height:100px;background-color:#fff;display:flex;align-items:center;justify-content:space-between}.logo{width:auto;height:100px;justify-content:left;display:flex;position:absolute;margin:0;top:0}.site-title{font-family:serif;font-size:2rem;justify-content:center;padding-top:20px;display:flex;align-content:center;height:100px;flex-grow:1;margin-left:60px;color:#000!important}.site-title :link,.site-title a{color:#000;text-decoration:none}.body-wrapper{flex:1;margin-top:50px;max-width:100%;min-height:100%}.footer-wrapper{padding-top:10px;background-color:#000;justify-items:center;position:relative;bottom:0;margin-bottom:0;margin-top:5%;width:100%}.copyright-text{justify-content:center;color:#fff;display:flex;text-align:center;font-size:small;padding-bottom:5px}@media (max-width: 768px){.header-wrapper{height:1%!important}.logo{width:15%!important;height:50%!important}.site-title{font-size:.9rem!important;margin-left:18%!important}.body-wrapper{margin-top:0!important;height:fit-content;min-height:100%}}