@import"https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap";@import"https://fonts.googleapis.com/css2?family=Londrina+Sketch&family=Neonderthaw&family=Shizuru&family=Train+One&family=Vibur&display=swap";input[type=text]{border-radius:20px;padding:8px 16px;width:250px;border:1px solid #dcdcdc;outline:none;transition:all .3s ease;margin-bottom:-1px;position:relative;z-index:2}input[type=text]:hover{border-color:#b8b8b8;background-color:#fafafa}input[type=text]:focus{border-color:#a8a8a8;background-color:#fff;box-shadow:0 0 5px #0000001a;border-bottom-left-radius:0;border-bottom-right-radius:0}ul{max-width:250px;list-style-type:none;padding:0;margin:0;background-color:#ffffffe5;border:1px solid #dcdcdc;position:relative;z-index:1;border-radius:0 0 20px 20px;box-shadow:0 2px 5px #0000001a}.suggestions-list{position:absolute;top:100%;left:0;width:100%;background-color:#ffffffe5;border:1px solid #dcdcdc;border-radius:0 0 20px 20px;box-shadow:0 2px 5px #0000001a;z-index:1000;padding:0;margin:0;list-style-type:none}.artist-names{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:inline-block}li{padding:8px 16px;cursor:pointer;transition:background-color .2s}li:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px}li:hover{background-color:#f0f0f0}.bassline-text{font-family:Nothing You Could Do,cursive;font-size:6em;color:#000}.ballot-container{font-family:Nothing You Could Do,cursive;background-color:none;max-width:600px;margin:0 auto;color:#000}.ballot-heading{text-align:center;font-weight:700;text-transform:uppercase;font-size:1.2em;margin-bottom:3px;color:#000}.rating-group{margin:5px 0;color:#000}.rating-label{font-size:1em;font-weight:700;margin-bottom:3px;color:#000}.button-submit{display:block;width:100%;background-color:none;color:#fff;font-weight:700;border:none;padding:8px;cursor:pointer;text-transform:uppercase;font-size:1.1em}.modal-content{font-family:Nothing You Could Do,cursive;color:#000;font-size:1.3em;background-image:url(/assets/pappys-Bh9hMV6q.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border:none;box-shadow:none}.section-heading,.rating-group,.label-text,.button-submit{font-family:Nothing You Could Do,cursive;color:#000}@media (max-width: 768px){.bassline-text{font-size:4em;text-align:center}.ballot-container{max-width:80%;padding:20px;color:#000}.ballot-heading{font-size:1em;margin-bottom:5px;color:#000}.rating-group{margin:10px 0;font-size:.9em;color:#000}.rating-label{font-size:.9em;margin-bottom:5px;color:#000}.button-submit{font-size:1em;padding:10px;width:90%;margin:10px auto;border-radius:5px}.modal-content{font-size:1em;background-size:cover;padding:15px}}.navbar{height:50px;color:#fff;display:flex;align-items:center;justify-content:space-around}.logo{font-size:20;font-weight:700}.login:hover{cursor:pointer}.list{display:flex;align-items:center;list-style:none}.listItem{margin-right:20px;font-weight:500;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.home{display:flex;padding:50px 100px;justify-content:space-between;flex-wrap:wrap}.login{height:calc(100vh - 50px);display:flex;align-items:center;justify-content:center}.wrapper{width:60%;height:75%;-webkit-box-shadow:0px 5px 33px -21px rgba(66,68,90,1);-moz-box-shadow:0px 5px 33px -21px rgba(66,68,90,1);box-shadow:0 5px 33px -21px #42445a;display:flex;align-items:center;border-radius:20px}.left,.right{flex:1;display:flex;flex-direction:column;align-items:center}.center{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.or{border:2px solid lightgray;border-radius:50%;padding:10px;color:gray;background-color:#fff;font-weight:700}.line{width:.5px;height:70%;background-color:#d3d3d3;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:-1}.loginButton{width:150px;padding:15px 25px;border-radius:5px;color:#fff;display:flex;align-items:center;font-weight:700;margin-bottom:20px;cursor:pointer}.makegrid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:3fr 1fr 1fr;grid-template-areas:"image info info social" "comments comments data data" "comments comments data data";grid-gap:10px}.image{grid-area:image;border:10%;padding:10%}.info{grid-area:info;display:flex;align-items:center}.social{grid-area:social}.comments{grid-area:comments}.data{grid-area:data}.artist{font-size:2em}.google{background-color:#df4930}.facebook{background-color:#507cc0}.github{background-color:#000}.icon{width:20px;height:20px;margin-right:10px}input{width:200px;padding:15px 20px;margin-bottom:20px}.submit{width:200px;background-color:#800080ab;color:#fff;font-weight:700;border:none;padding:15px 20px;border-radius:5px}.loginTitle{position:absolute;top:150px;color:#d3d3d3}.link{color:inherit;text-decoration:none}@media screen and (max-width: 992px){.wrapper{width:65%;height:90%;flex-direction:column}.loginTitle{display:none}.center{width:100%;position:relative}.left,.right{padding:20px}.line{height:.5px;width:300px}}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;color:#180808;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 20px}html,body{height:100%;margin:0}.project-blurb{position:fixed;bottom:10px;left:80%;font-size:14px;color:#6b6767;text-align:right}.home-container{min-height:100vh;background-color:#112;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;padding:20px}.content-wrapper{text-align:center;width:100%;max-width:600px}.content-wrapper2{position:absolute;top:0;right:0;padding:10px}ul{list-style-type:none;padding:0;margin:0;background-color:transparent}.listItem{cursor:pointer;padding:5px;background-color:transparent;margin:0}.logo2{display:flex;align-items:center;gap:10px;font:400 6vh neonderthaw;color:#fee;text-shadow:0 -40px 100px #ff4444,0 0 2px #ff4444,0 0 1em #ff4444,0 0 .5em #ff4444,0 0 .1em #ff4444,0 10px 3px #000;transition:transform .3s ease-in-out}.logo2 span{line-height:1;font-size:inherit}.logo2:hover{transform:translateY(-10px)}.logo2:before{content:"";display:block;height:0;width:0}.logo2:after{content:"";display:block;height:0;width:0}.logo3,.logo4{display:flex;flex-direction:column;align-items:flex-end;font:400 6vh neonderthaw;color:#fee;text-shadow:0 -40px 100px #ff4444,0 0 2px #ff4444,0 0 1em #ff4444,0 0 .5em #ff4444,0 0 .1em #ff4444,0 10px 3px #000}.logo{position:absolute;margin-bottom:2rem;left:44px;transform:translate(-50px)}.logo b{font:400 20vh neonderthaw;color:#fee;text-shadow:0 -40px 100px #ff4444,0 0 2px #ff4444,0 0 1em #ff4444,0 0 .5em #ff4444,0 0 .1em #ff4444,0 10px 3px #000}.logo b span{display:inline-block}.logo b span:nth-child(1){animation:blink linear infinite 10s}.logo b span:nth-child(2){animation:blink linear infinite 7.8s}.logo b span:nth-child(3){animation:blink linear infinite 9.3s}.logo b span:nth-child(4){animation:blink linear infinite 11.3s}.logo b span:nth-child(5){animation:blink linear infinite 90s}.logo b span:nth-child(6){animation:blink linear infinite 13s}.logo b span:nth-child(7){animation:blink linear infinite 6.2s}.logo b span:nth-child(8){animation:blink linear infinite 8.4s}.logo2 b span:nth-child(1){animation:blink linear infinite 10s}.logo2 b span:nth-child(2){animation:blink linear infinite 7.8s}.logo2 b span:nth-child(3){animation:blink linear infinite 9.3s}.logo2 b span:nth-child(4){animation:blink linear infinite 11.3s}.logo2 b span:nth-child(5){animation:blink linear infinite 90s}.logo3 b span:nth-child(1){animation:blink linear infinite 10s}.logo3 b span:nth-child(2){animation:blink linear infinite 7.8s}.logo3 b span:nth-child(3){animation:blink linear infinite 9.3s}.logo3 b span:nth-child(4){animation:blink linear infinite 11.3s}.logo3 b span:nth-child(5){animation:blink linear infinite 90s}@keyframes blink{95%{color:inherit;text-shadow:inherit}96%{color:#333}97%{text-shadow:none}98%{color:inherit;text-shadow:inherit}99%{color:#333;text-shadow:none}to{color:inherit;text-shadow:inherit}}@media (max-width: 768px){.home-container{padding:10px}.content-wrapper{max-width:90%}.logo b{font-size:18vh;color:#fee;text-shadow:0 -50px 120px #ff4444,0 0 3px #ff4444,0 0 1.5em #ff4444,0 0 .7em #ff4444,0 0 .3em #ff4444,0 15px 6px #000;transition:transform .3s ease-in-out}.searchbar{margin-bottom:250px}.logo b span{font-size:5.25rem;text-shadow:0 -20px 50px #ff4444,0 0 1px #ff4444,0 0 .4em #ff4444,0 0 .1em #ff4444,0 2px 1px #000}.logo2{font-size:4.5vh;gap:5px}.logo2 span{line-height:1;vertical-align:middle}.poster-container{margin-top:20px}.chakra-box{width:90%;margin:0 auto}}.poster-container{display:flex;justify-content:space-around;gap:20px;margin-top:2rem}.poster{display:block;width:120px;height:180px;background-image:url(data:image/jpeg;base64,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);background-size:cover;background-position:center;color:#000;text-align:center;font-size:1.2rem;font-weight:700;text-decoration:none;padding:10px;border-radius:5px;box-shadow:0 10px 20px #000000b3;transition:transform .3s ease,box-shadow .3s ease;position:relative;font-family:Permanent Marker,cursive;text-shadow:none}.poster:hover{transform:translateY(-10px);box-shadow:0 20px 30px #000000e6}.poster:before{content:"";position:absolute;top:10px;left:10px;width:100%;height:100%;background-color:#ffffff1a;transform:rotate(-5deg);border-radius:5px;z-index:-1;box-shadow:5px 5px 15px #00000080;filter:contrast(80%) brightness(90%)}.poster:after{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);width:100%;font-size:1.2rem;font-weight:700;font-family:Permanent Marker,cursive;color:#000;text-shadow:none;z-index:1}.boxes{box-shadow:0 0 20px #f44c,0 0 40px #f449,0 0 60px #f446,0 0 70px #f443}.profile-container{padding:20px;margin:90px auto;max-width:1200px;background:#ffffffe6;border-radius:10px;box-shadow:0 0 20px #f44c,0 0 40px #f449,0 0 60px #f446,0 0 70px #f443;display:grid;grid-template-areas:"header header" "info social" "graph graph" "comments reviews";grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;grid-gap:20px;position:relative;justify-items:center;align-items:center}.circle{width:250px;aspect-ratio:1;border-radius:50%;position:relative;outline:20px solid rgba(0,0,0,.35);outline-offset:-10px;z-index:1}.circle img{display:block;width:90%;height:90%;aspect-ratio:1;object-fit:cover;object-position:top;border-radius:inherit;z-index:2}.circle:before,.circle:after{position:absolute;content:"";top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:inherit;background-image:conic-gradient(#f44 25%,#faf5fa 50%,#f44);animation:rotate 3s linear infinite}.circle:after{filter:blur(2rem);opacity:.7}@keyframes rotate{to{rotate:360deg}}@media (max-width: 768px){.profile-container{padding:10px;margin-top:50px}.circle{width:150px}.profile-container{grid-template-areas:"header" "info" "thumbnails";grid-template-columns:1fr}.profile-container .grid-item{margin-bottom:15px}.profile-container .thumbnails{grid-template-columns:repeat(3,1fr)}.profile-container .info{margin-top:20px}.profile-container .thumbnails .boxes{margin-top:10px}.profile-container .thumbnails img{width:100px;height:100px}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.artist-page{padding:20px;margin:90px auto;max-width:1200px;background:#ffffffe6;border-radius:10px;box-shadow:0 0 20px #f44c,0 0 40px #f449,0 0 60px #f446,0 0 70px #f443;display:grid;grid-template-areas:"header header graph" "info social graph" "comments reviews reviews";grid-template-columns:1fr .5fr 1fr;grid-template-rows:auto auto 1fr;grid-gap:20px;position:relative}.artist-header{grid-area:header;display:flex;align-items:flex-start;gap:20px;padding:20px}body{background-image:url(/assets/brickwall5-aPjCE2AQ.png)!important;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;font-family:Arial,sans-serif}.artist-header img{width:250px;height:250px;border-radius:50%;object-fit:cover}.artist-info-social{flex:1;display:flex;flex-direction:column;justify-content:space-between}.info-section{grid-area:info;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#fffc;border-radius:8px;box-shadow:0 2px 6px #0003}.social-section{grid-area:social;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0003}.artist-info-social .social-links{display:flex;gap:15px;margin-top:10px}.social-links a:hover{transform:scale(1.1)}.artist-name{font-size:2rem;font-weight:700;color:#333;overflow:visible}.graph-section{grid-area:graph;display:flex;flex-direction:center;align-items:center;justify-content:center;height:250px;width:80%;background:#fffc;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0003;overflow:hidden}.comments-section1,.reviews-section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:#fffc;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0003;overflow:auto}.reviews-section{grid-area:reviews}.comments-section1{grid-area:comments;overflow-y:auto;width:100%}.review-circles{display:flex;gap:20px}.review-circles .overall{width:150px;height:150px}.review-circles .smaller-circle{width:100px;height:100px}.review-circles .smaller-circle-stack{display:flex;flex-direction:column;align-items:center;gap:10px}.circle{display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem;font-weight:700;color:#000;box-shadow:0 2px 6px #0003}@media (max-width: 768px){.artist-page{grid-template-areas:"header" "info" "social" "reviews" "graph" "comments";grid-template-columns:1fr;grid-gap:10px;padding:10px}.artist-header{flex-direction:column;align-items:center;gap:10px}.artist-header img{width:150px;height:150px}.artist-info-social{align-items:center;text-align:center}.social-links{justify-content:center}.info-section,.social-section,.graph-section,.comments-section,.reviews-section{width:100%;padding:10px}.comments-section,.reviews-section{height:auto}.review-circles{flex-wrap:wrap;justify-content:center;gap:10px}.review-circles .overall,.review-circles .smaller-circle{width:30%;max-width:90px}}.comments-section{display:flex;flex-direction:column;width:90%;gap:20px;padding:20px;background:#fffc;border-radius:10px;box-shadow:0 2px 6px #0003;max-width:800px;margin:0 auto;overflow:auto}.comment-card{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column}.commentCircle{width:30px;height:30px;overflow:hidden;display:flex;border-radius:50%;border:2px solid black;align-items:center;justify-content:center;background-color:#f0f0f0}.commentCircle img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:top;border:0px}.comment-header{display:flex;justify-content:left;align-items:center;border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:5px}.user-name{font-weight:700;color:#333;font-size:1rem}.nameStack{align-items:flex-start}.comment-date{font-size:.5rem;color:#888}.comment-body{font-size:1rem;color:#555;line-height:1.5;margin-top:10px}