*{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:120px;padding:10px;background-color:#000;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:15px}.more-rec-info:hover{text-decoration:underline}.rec-section-info.long{transform:translate(48.5%)}.rec-section-info.short{transform:translate(29.8%)}.rec-section-info .tooltip-container{position:absolute;cursor:pointer}.rec-section-info .tooltip-content{color:#000;position:absolute;transform:translate(7%,-5%)}.cta{display:flex;flex-direction:column;width:100%;margin-top:15px}.cta-text{margin-top:50px;font-size:15px;width:100%;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:100%;margin-bottom:5%}.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%}.main-page-img{display:flex;justify-self:left;align-self:center;width:60%!important;height:20%!important;margin-left:10%}.rec-info{align-self:center;width:100%!important;justify-content:center!important;margin-left:20%}.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}.rec-section-info.long{transform:translate(56%)}.rec-section-info.short{transform:translate(29.8%)}.rec-section-info .tooltip-container{position:absolute;cursor:pointer;margin-top:25px}.rec-section-info .tooltip-content{color:#000;position:absolute;transform:translate(7%,145%)}}.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:20px}.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}.mobile-rec-list{display:none}@media (max-width: 500px){.desktop-rec-list{display:none}.mobile-rec-list{display:flex;flex-direction:column}.list-title{margin-left:20px}.carousel-mobile{position:relative;overflow:hidden}.carousel-window-mobile{overflow:hidden;width:100%}.carousel-track-mobile{display:flex;width:calc(100% * var(--total-slides));transition:transform .5s ease}.carousel-slide-mobile{flex:0 0 20%;opacity:.6;transform:scale(.9);transition:all .5s ease;display:flex;justify-content:center;padding:2px}.carousel-slide-mobile.active{opacity:1;transform:scale(1);z-index:2}.carousel-btn-mobile{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-mobile.prev{left:10px}.carousel-btn-mobile.next{right:10px}.rating-system.single{margin-top:20px}}.ratings-container{margin-top:15px;height:100px}.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}.ratings-message{display:flex;justify-content:center}.account-login-sign-up{display:flex;flex-direction:row;min-height:100%}.login{margin-left:20px;width:80%;margin-right:20px}.login-title{margin-bottom:5px;font-size:1.2rem}.line-divider-account{display:flex}.sign-up{margin-left:20px;width:80%;margin-right:20px}.sign-up-title{margin-bottom:5px;font-size:1.2rem}.account-page{display:flex;flex-direction:row}.account-nav-items{display:flex;flex-direction:column;background-color:#000;height:100%}.account-link{color:#fff;text-decoration:none;width:180px;padding:20px}.account-link:hover,.account-link.active{background-color:#fff;color:#000}.account-dashboard{min-height:30.5vw;max-width:100vw;width:1100px;margin-left:5%;height:32vw}.dashboard-title{margin-bottom:50px;width:70vw;display:flex;justify-content:center}.dashboard-title h1{display:flex;justify-content:center}.dashboard-body{display:flex;flex-direction:column;justify-content:center}.account-subscribe{display:flex;flex-direction:row;margin-bottom:20px;margin-left:31%}.account-tier-label{margin-right:5px;font-size:larger;font-weight:700}.account-subscribe a{margin-left:5px}.subscribe-button{color:#00f;background-color:transparent;border:none;padding:0;text-decoration:underline;cursor:pointer;margin-left:10px}.subscribe-button :hover{text-decoration:underline}.account-user-ratings{margin-left:31%}.liked-songs,.neutral-songs,.disliked-songs{display:flex;flex-direction:row;justify-content:left;margin-bottom:20px}.ratings-label{margin-right:5px;font-size:larger;font-weight:700}.ratings-value{font-size:larger}.ratings-no{font-weight:lighter}.account-dashboard span{display:flex;flex-direction:row;justify-content:center}.account-dashboard p{font-size:larger;font-weight:700}.logout-btn{width:142px;padding:10px;background-color:#000;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:4%;margin-left:34%}.account-info{min-height:28vw;width:60vw}.account-info .label{font-size:larger;margin-right:5px;margin-top:8px}.account-info-title{margin-left:45%;margin-bottom:25px}.account-info-body{margin-left:30%}.info-username{margin-bottom:25px}.info-username .info{margin-left:28px}.info-email{margin-bottom:25px}.info-email .info{margin-left:63px}.info-password{margin-bottom:25px}.info-password .info{margin-left:33px}.info-gender{margin-bottom:25px}.info-gender .info{margin-left:51px}.info-dob{margin-bottom:25px}.info-dob .info{margin-left:5px}.feedback-title{margin-bottom:25px;margin-left:70%}.feedback-cta{margin-bottom:15px;width:500px;margin-left:38%}.feedback-body{margin-left:38%;height:200px;width:500px;margin-bottom:15px}.feedback-send{background-color:#000;color:#fff;padding:7px;width:105px;margin-left:117%;border:none;cursor:pointer;margin-top:25px;margin-bottom:40px}.account-settings{display:flex;flex-direction:column;align-items:flex-start;min-height:30.5vw;width:1150px;height:50vw}.settings-title{margin-left:38%;margin-bottom:25px}.settings-body{margin-left:25%}.settings-username{display:flex;margin-bottom:15px}.settings-username input{margin-left:6px}.settings-email{display:flex;margin-bottom:15px}.settings-email input{margin-left:40px}.settings-password{display:flex;margin-bottom:15px}.settings-password input{margin-left:10px}.optional-data-title{display:flex;flex-direction:row-reverse;margin-right:25%}.optional-data-info .tooltip-container{position:absolute;cursor:pointer}.optional-data-info .tooltip-content{color:#000;position:absolute;transform:translate(7%,-5%);width:400px}.optional-title{margin-left:0;margin-bottom:20px}.settings-gender{display:flex;margin-bottom:15px}.settings-gender select{margin-left:50px}.gender-select option:hover{background-color:#000;color:#fff}.settings-dob{display:flex;margin-bottom:15px}.settings-dob select{margin-left:6px}.birthyear-select option:hover{background-color:#000;color:#fff}.account-settings .label{font-size:larger;margin-right:5px;margin-top:8px}.account-settings input{width:300px}.account-settings-save-cancel{background-color:none;margin-top:20px;margin-left:34.5%}.cancel-button{background-color:#fff;color:#000;padding:5px;width:105px;cursor:pointer}.save-button{background-color:#000;color:#fff;padding:7px;width:105px;margin-left:20px;border:none;cursor:pointer}.account-delete{margin-top:100px;margin-left:40%}.account-delete-btn{background-color:transparent;border:none;color:red;text-decoration:underline;cursor:pointer}.delete-popup .overlay{position:fixed;margin-top:0;margin-left:22%;width:500px;height:355px;background-color:#0009;background-color:#fff;border:black solid 2px;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-popup .modal{background-color:#fff;width:100%;height:100%;text-align:center;box-shadow:"0 4px 15px rgba(0,0,0,0.2)"}.modal h3{margin-top:10px;margin-bottom:50px;font-size:x-large}.modal p{margin-bottom:20px}.delete-input{height:10%;text-align:center;margin-bottom:20px}.delete-btns{margin-top:10px}.delete-confirm{margin-right:10px;background-color:#000;color:#fff;padding:7px;width:80px;border:none;cursor:pointer}.delete-cancel{background-color:#fff;color:#000;padding:5px;width:80px;cursor:pointer;margin-left:10px}.delete-popup .modal-alt{background-color:#fff;width:100%;height:100%;text-align:center;box-shadow:"0 4px 15px rgba(0,0,0,0.2)"}.modal-alt h3{display:flex;justify-content:center;align-content:center;font-size:x-large;margin-right:10px;margin-left:10px;margin-top:30%}.account-page-mobile{display:none}@media (max-width:500px){.account-page{min-height:65vh}.account-nav-items{display:none}.account-page-mobile{display:inline-block;height:100%;z-index:1000;position:fixed}.page-nav-buttons{border:none}.page-nav-buttons.open{border:none;position:absolute;z-index:1000}.nav-close-button{color:#fff;display:flex;justify-self:right;margin-bottom:5%;margin-top:5%}.account-nav-items-mobile{display:flex;flex-direction:column;background-color:#000;height:100%}.nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;z-index:998}.nav-panel.open{background-color:#000;height:100%;position:fixed;z-index:1000}.account-page-content{max-width:100vw}.account-dashboard{margin-top:20%}.dashboard-title{margin-left:10%}.dashboard-body{justify-self:left}.account-subscribe{margin-left:15%}.account-user-ratings{margin-left:0}.account-user-ratings .ratings-label{width:300px}.logout-btn{margin-top:20%}.account-info{width:300px;margin-top:20%}.account-info-title,.account-info-body{margin-left:20%}.account-feedback{width:300px;margin-top:20%}.feedback-title{margin-left:50%}.feedback-cta,.feedback-body{width:300px;margin-left:20%}.feedback-send{margin-left:85%}.account-settings{width:100%;margin-top:10%}.settings-title{margin-left:30%}.settings-body{margin-left:0}.settings-body input{width:250px}.account-settings-save-cancel{display:flex}.account-delete{margin-top:80px}.delete-popup .overlay{width:100%;margin-left:0;margin-top:30%;height:500px}.delete-popup .modal h3{margin-top:20%}}.login-sign-up{min-height:31.7vw}.login-sign-up-section{display:flex;flex-direction:row;margin-bottom:40px}.login{display:flex;flex-direction:column;margin-left:20px;width:80%;margin-right:20px;margin-top:5%}.login-title{margin-bottom:20px;font-size:1.3rem;font-weight:700}.login-button{width:142px;padding:10px;background-color:#000;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:15px}.line-divider-login{display:flex;margin-bottom:5px;margin-top:50px}.sign-up{display:flex;flex-direction:column;margin-left:20px;width:80%;margin-right:20px;margin-top:5%}.sign-up-title{margin-bottom:20px;font-size:1.3rem;font-weight:700}.sign-up-button{width:142px;padding:10px;background-color:#000;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:15px}.login-account-tier-table{border-collapse:separate;border-spacing:0;font-size:18px;line-height:1.5em;font-family:sans-serif}.login-account-tier-table th,.login-account-tier-table td{border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black;text-align:center;padding:20px}.login-account-tier-table tr:first-child th{border-top:none}.login-account-tier-table tr:last-child td{border-bottom:none}.login-account-tier-table th:first-child,.login-account-tier-table td:first-child{border-left:none;border-bottom:none}.login-account-tier-table th:nth-child(2),.login-account-tier-table td:nth-child(2){border-left:none;border-bottom:none}.login-account-tier-table th:nth-child(3),.login-account-tier-table td:nth-child(3){border-left:none;border-bottom:none}.login-account-tier-table th:last-child,.login-account-tier-table td:last-child{border-right:none;border-left:none;border-bottom:none}.login-account-tier-table td:first-child{text-align:left}.login-bold{font-weight:700}@media (max-width:500px){.login-account-tier-container{overflow-y:auto}.login-account-tier-table th:first-child,.login-account-tier-table td:first-child{position:sticky;z-index:1;left:0;background-color:#fff}}.recommender{background-color:#fff;height:fit-content;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{padding:10px;width:100%;background-color:#000;color:#fff;border:none;border-radius:5px;justify-items:center;cursor:pointer}.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}.header-info.long{transform:translate(47%)}.header-info.short{transform:translate(29%)}.header-info .tooltip-container{position:absolute;cursor:pointer;margin-top:10px}.header-info .tooltip-content{color:#000;position:absolute;margin-top:10px;transform:translate(7%,-5%)}.engine-header-info{display:flex;flex-direction:row}.header-info{display:flex;flex-direction:column}.recommendation-list-container.visible .recomendation-list{margin-top:0}.engine-radio-btns{display:flex;align-items:center;width:680px;margin-left:5%}.engine-radio-btns p{font-size:.8rem;margin-right:5px;margin-bottom:10px}.engine-radio-btns label{display:flex;font-size:.8rem;width:fit-content;margin-right:5px}.engine-radio-btns input[type=radio]{accent-color:#000;width:20px;cursor:pointer}@media (max-width: 500px){.recommender{min-height:60vh}.header-info.long{transform:translate(53%)}.header-info.short{transform:translate(29%)}.header-info .tooltip-container{position:absolute;cursor:pointer;margin-top:48px}.header-info .tooltip-content{color:#000;position:absolute;transform:translate(7%,-5%);margin-top:48px}}.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 black}.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}@media (max-width: 500px){.input-wrapper{width:100%}input{border:1px solid black}}.autocomplete-results{width:50%;display:flex;flex-direction:column;max-height:160px;overflow-y:scroll;margin-bottom:1rem}@media (max-width: 500px){.autocomplete-results{width:100%}}.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;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}.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}@media (max-width: 500px){.recommendations-title,.recommendations-table-cta{margin-left:20px}.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}}.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 25px 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:25px;margin-right:25px;margin-bottom:15px}.other-rec-info.long{transform:translate(47.8%)}.other-rec-info.short{transform:translate(29.3%)}.other-rec-info .tooltip-container{position:absolute;cursor:pointer}.other-rec-info .tooltip-content{color:#000;position:absolute;transform:translate(7%,-5%)}@media (max-width: 500px){.rec-page-one{margin-left:0}.rec-page-title{width:100vw;font-size:.9rem}.rec-page-info{width:350px}.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}.single-height,.album-height{height:800px}.line-divider{width:364px}.cta-title h2{width:100%!important}.cta-table{flex-direction:column}.cta-col-one{width:100%;height:330px}.col-one-title{width:350px}.col-one-title h2{width:100%!important}.yt-frame{width:200%;height:100%}.spotify-frame{width:200%;height:150%}.cta-col-two{width:300px}.social-row{width:100%}.other-rec-info.long{transform:translate(56%)}.other-rec-info.short{transform:translate(29.3%)}.other-rec-info .tooltip-container{position:absolute;cursor:pointer;margin-top:25px}.other-rec-info .tooltip-content{color:#000;position:absolute;transform:translate(7%,145%)}}.about-us{margin-bottom:5%}.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;flex-direction:column}.about-how-it-works{display:flex;width:1000px;align-self:center;justify-self:center;justify-content:center;font-size:18px;line-height:1.5em;font-family:sans-serif}.competitive-matrix{border:5px solid black;padding:5px;margin:5px}.matrix-cols{display:flex;flex-direction:row}.matrix-tia{width:20%}.matrix-tia img{width:50px}.matrix-col{width:20%;background-color:#dcdcdc}.matrix-col img{width:50px}.matrix-table{border-collapse:separate;border-spacing:0}.matrix-table th,.matrix-table td{border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black;text-align:center;padding-left:20px;padding-right:20px}.matrix-table th:first-child,.matrix-table td:first-child{border-left:none}.matrix-table th:last-child,.matrix-table td:last-child{border-right:none}.matrix-table td:first-child{text-align:left}.matrix-table tr:first-child th{border-top:none}.matrix-table tr:last-child td{border-bottom:none}thead img{width:50px}.tia{background-color:#fff;font-weight:600;position:relative;z-index:2;box-shadow:30px 50px 80px #0000001a,-3px 0 8px #0000001a}.matrix-table td:nth-child(2){background-color:#fff;position:relative;margin:20px;padding:20px 40px;box-shadow:3px 0 8px #0000001a}.matrix-table th:nth-child(2),.matrix-table td:nth-child(2){border-left:solid 2px;border-right:solid 2px}.matrix-table tr:first-child th:nth-child(2){border-top:solid 2px}.matrix-table tr:last-child td:nth-child(2){border-bottom:solid 2px}.table-cols{display:flex;flex-direction:row}.account-tier-table{border-collapse:separate;border-spacing:0}.account-tier-table th,.account-tier-table td{border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black;text-align:center;padding:20px}.account-tier-table tr:first-child th{border-top:none}.account-tier-table tr:last-child td{border-bottom:none}.account-tier-table th:first-child,.account-tier-table td:first-child{border-left:none;border-bottom:none}.account-tier-table th:nth-child(2),.account-tier-table td:nth-child(2){border-left:none;border-bottom:none}.account-tier-table th:nth-child(3),.account-tier-table td:nth-child(3){border-left:none;border-bottom:none}.account-tier-table th:last-child,.account-tier-table td:last-child{border-right:none;border-left:none;border-bottom:none}.account-tier-table td:first-child{text-align:left}.about-bold{font-weight:700}.about-asterisks{font-size:xx-small}@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}.matrix-table-container{overflow-y:auto}.matrix-table th:first-child,.matrix-table td:first-child{position:sticky;z-index:1;left:0;background-color:#fff}.matrix-table th:nth-child(2),.matrix-table td:nth-child(2){position:sticky;z-index:1;left:46.5%;background-color:#fff}.account-tier-table-container{overflow-y:auto}.account-tier-table th:first-child,.account-tier-table td:first-child{position:sticky;z-index:1;left:0;background-color:#fff}}.contact-us{display:flex;flex-direction:row;padding:6px;justify-content:center;margin-bottom:5%}.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}.first-name{width:500px;height:42.67px}.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}.first-name{width:392px}.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;width:100%}.footer-content{display:flex;flex-direction:row;width:100vw}.footer-email{display:flex;flex-direction:column;align-items:flex-start;width:80%;height:80%;margin-left:5%;margin-bottom:30px}.footer-email-cta{color:#fff;margin-bottom:10px;margin-top:5px;font-size:large}.footer-email-input{display:flex;flex-direction:row}.footer-email-input input{margin-top:5px}.footer-subscribe{margin-left:5px;background-color:#000;color:#fff;padding:15px;border-color:#fff;cursor:pointer;border-width:1px}.footer-socials{display:flex;flex-direction:row;align-items:flex-end;margin-bottom:40px;font-size:larger;margin-right:20%}.insta-link{color:#fff;cursor:pointer}.insta-link:hover{text-decoration:none}.twitch-link{margin-left:20px;color:#fff;cursor:pointer}.twitch-link:hover{text-decoration:none}.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%}.footer-content{display:flex;flex-direction:column}.footer-email{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:80%;margin-bottom:30px}.footer-socials{margin-left:5%}}.success-page{position:relative;width:100vw;height:50vh;background:#f9fafb;overflow:hidden}.overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .5s ease forwards}.overlay-content{background:#fff;padding:2rem 3rem;border-radius:1rem;text-align:center;box-shadow:0 10px 30px #0003;animation:popIn .4s ease forwards}.overlay-content h1{margin-bottom:2rem}.overlay-content p{font-size:larger}.overlay-content button{width:200px;padding:10px;background-color:#000;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:2rem}.overlay-content button:hover{background:#fff;color:#000;border:solid 1px black;padding:9px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}