@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-display:swap;font-family:Peckham Press;font-style:normal;font-weight:400;src:url(/static/media/peckhampress.0aa0e9bd3a34fe2ceef9.otf) format("opentype")}@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:600;src:url(/static/media/Metropolis-SemiBold.125b2a3530fbe25af454.ttf) format("truetype")}@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:400;src:url(/static/media/Metropolis-Regular.67a1988d7b65b0aaa16d.ttf) format("truetype")}@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:300;src:url(/static/media/Metropolis-Light.5813789eac597edf6ef4.ttf) format("truetype")}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;font-feature-settings:none;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;text-rendering:optimizeLegibility}.nameStyle{top:10px}.emailStyle,.nameStyle{background-color:#fff3!important;border-radius:10px;color:#fff;height:40px;left:10px;position:absolute;width:240px;z-index:11}.emailStyle{top:60px}.contentStyle{background-color:#fff3!important;border-radius:10px;color:#fff;height:118px;left:10px;position:absolute;top:110px;width:240px;z-index:11}.fontStyle2::placeholder{color:#fff;font-family:Metropolis,sans-serif;font-size:14px;font-weight:400;opacity:1;padding-left:10px;padding-top:10px}.sendButton1{left:210px;position:absolute;top:190px;transition:transform .3s ease-in-out,background-size .3s ease-in-out;width:30px;z-index:12}.sendButton1:hover{transform:scale(1.15)}.fontStyle::placeholder{color:#fff;font-family:Metropolis,sans-serif;font-size:14px;font-weight:400;opacity:1;padding-left:10px}@media (min-width:1024px){.nameStyle{left:10px}.emailStyle,.nameStyle{background-color:#fff3!important;border-radius:10px;color:#fff;height:40px;position:absolute;top:45px;width:185px;z-index:11}.emailStyle{left:202px}.contentStyle{background-color:#fff3!important;border-radius:10px;color:#fff;height:90px;left:10px;position:absolute;top:95px;width:377px;z-index:11}.fontStyle2::placeholder{color:#fff;font-family:Metropolis,sans-serif;font-size:14px;font-weight:400;opacity:1;padding-left:10px;padding-top:10px}.sendButton1{left:348px;position:absolute;top:148px;transition:transform .3s ease-in-out,background-size .3s ease-in-out;width:30px;z-index:12}.sendButton1:hover{transform:scale(1.15)}.fontStyle::placeholder{color:#fff;font-family:Metropolis,sans-serif;font-size:14px;font-weight:400;opacity:1;padding-left:10px}}.iconCap{background-color:#fff;border-radius:20px;cursor:pointer;height:80px;margin:12px;margin-top:10.8%!important;overflow:hidden;position:relative;top:700px;transition:all .3s ease-in-out;width:260px;z-index:3}.iconCap:before{background-color:#fff;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.iconCap:after{background-color:#131416e6;border-radius:20px;box-sizing:border-box;color:#fff;content:"";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;position:absolute;text-align:left;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}@media (min-width:1024px){.iconCap{border-radius:20px;cursor:pointer;height:80px;margin-top:6.8%!important;margin:12px 12px 40px;overflow:hidden;right:140px;top:400px;transition:all .3s ease-in-out;width:400px;z-index:3}.iconCap,.iconCap:before{background-color:#fff;position:absolute}.iconCap:before{bottom:0;content:"";left:0;opacity:1;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.iconCap:after{background-color:#131416e6;border-radius:20px;box-sizing:border-box;color:#fff;content:"Post To:";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;padding:20px;position:absolute;text-align:left;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}}.textBoxCap{border-radius:20px;cursor:pointer;height:240px;margin:12px;margin-top:10.8%!important;overflow:hidden;top:780px;transition:all .3s ease-in-out;width:260px;z-index:3}.textBoxCap,.textBoxCap:before{background-color:#fff;position:absolute}.textBoxCap:before{bottom:0;content:"";left:0;opacity:1;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.textBoxCap:after{background-color:#131416e6;border-radius:20px;box-sizing:border-box;color:#fff;content:"";display:block;font-size:14px;font-weight:700;height:97%;left:1%;line-height:30px;position:absolute;text-align:left;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}@media (min-width:1024px){.textBoxCap{border-radius:20px;cursor:pointer;height:200px;margin:12px;margin-top:6.8%!important;overflow:hidden;right:140px;top:510px;transition:all .3s ease-in-out;width:400px;z-index:3}.textBoxCap,.textBoxCap:before{background-color:#fff;position:absolute}.textBoxCap:before{bottom:0;content:"";left:0;opacity:1;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.textBoxCap:after{background-color:#131416e6;border-radius:20px;box-sizing:border-box;color:#fff;content:"Send Your Request!";display:block;font-size:14px;font-weight:700;height:96%;left:1%;line-height:10px;padding:20px;position:absolute;text-align:center;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}}.switchCap{border-radius:20px;cursor:pointer;height:80px;margin:12px;margin-top:10.8%!important;overflow:hidden;top:584px;transition:all .3s ease-in-out;width:260px;z-index:3}.switchCap,.switchCap:before{background-color:#fff;position:absolute}.switchCap:before{bottom:0;content:"";left:0;opacity:1;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.switchCap:after{background-color:#131416e6;border-radius:20px;box-sizing:border-box;color:#fff;content:"";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;padding:20px;position:absolute;text-align:left;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}@media (min-width:1024px){.switchCap{border-radius:20px;cursor:pointer;height:80px;margin:12px;margin-top:6.8%!important;overflow:hidden;right:140px;top:186px;transition:all .3s ease-in-out;width:400px;z-index:3}.switchCap,.switchCap:before{background-color:#fff;position:absolute}.switchCap:before{bottom:0;content:"";left:0;opacity:1;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.switchCap:after{background-color:#131416e6;border-radius:20px;box-sizing:border-box;color:#fff;content:"Length (Months)";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;padding:20px;position:absolute;text-align:left;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}}@media (max-width:1024px){.switchCap{top:620px}.textBoxCap{top:800px}.iconCap{top:620px}}span.switcher{border-radius:25px;height:50px;margin:20px 0;position:absolute;right:28px;top:-6px;width:200px;z-index:9}@media (min-width:1024px){span.switcher{border-radius:25px;height:50px;margin:20px 0;position:absolute;right:12px;top:-6px;width:200px;z-index:9}}span.switcher input{-webkit-appearance:none;appearance:none;background-color:#1e1e1e;border-radius:25px;font-family:Oswald,sans-serif;height:50px;outline:none;position:absolute;width:200px}span.switcher input:after,span.switcher input:before{color:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:2}span.switcher input:before{content:"12mo";left:20px}span.switcher input:after{content:"6mo";right:20px}span.switcher label{border-radius:20px;bottom:10px;position:absolute;top:10px;z-index:1}span.switcher.switcher-1 input{transition:.25s -.1s}span.switcher.switcher-1 input:not(:checked){animation:gradient_move 10s ease infinite;background:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:400% 400%}span.switcher.switcher-1 input:not(:checked):before{color:#fff;transition:color .5s .2s}span.switcher.switcher-1 input:not(:checked):after{color:#ccc;transition:color .5s}span.switcher.switcher-1 input:not(:checked)+label{background:#1e1e1e;left:10px;right:100px;transition:left .5s,right .4s .2s}span.switcher.switcher-1 input:checked{background:#1e1e1e;transition:background .5s -.1s}span.switcher.switcher-1 input:checked:before{color:#ccc;transition:color .5s}span.switcher.switcher-1 input:checked:after{color:#1e1e1e;transition:color .5s .2s}span.switcher.switcher-1 input:checked+label{animation:gradient_move 10s ease infinite;background:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:400% 400%;left:100px;right:10px;transition:left .4s .2s,right .5s,background .35s -.1s}span.switcher.switcher-2{overflow:hidden}span.switcher.switcher-2 input{transition:background-color 0s .5s}span.switcher.switcher-2 input:before{color:#1e1e1e}span.switcher.switcher-2 input:after{color:#fff}span.switcher.switcher-2 input:not(:checked){animation:gradient_move 10s ease infinite}span.switcher.switcher-2 input:not(:checked),span.switcher.switcher-2 input:not(:checked)+label{background:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:400% 400%}span.switcher.switcher-2 input:not(:checked)+label{animation:turn-on .5s ease-out,gradient_move 10s ease infinite}span.switcher.switcher-2 input:checked{background:#1e1e1e}span.switcher.switcher-2 input:checked+label{animation:turn-off .5s ease-out;background:#1e1e1e}span.switcher.switcher-2 label{border-radius:25px;height:50px;top:0;width:200px}@keyframes turn-on{0%{left:100%}to{left:0}}@keyframes turn-off{0%{right:100%}to{right:0}}.saveButton{background-color:#fff;border-radius:61% 39% 38% 62%/65% 26% 74% 35%;cursor:pointer;height:12%;margin:12px;margin-top:10.8%!important;overflow:hidden;position:absolute;right:140px;top:44px;transform:perspective(1000px) rotateX(45deg) rotateY(5deg) rotate(-15deg);transition:all .3s ease-in-out;width:300px;z-index:3}.saveButton:before{background-image:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:300% 300%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.saveButton:hover{border-radius:20px;height:80px;transform:perspective(1000px) rotateX(0deg) rotateY(0deg) rotate(0deg)}.saveButton:hover:before{animation:gradient_move 10s ease infinite;opacity:1}.saveButton:after{background-color:#131416e6;border-radius:61% 39% 38% 62%/65% 26% 74% 35%;box-sizing:border-box;color:#fff;content:"Save Playlist";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:40px;padding:20px;position:absolute;text-align:center;top:calc(50% - 36.14458px);transition:all .3s ease-in-out;width:98%;z-index:5}.saveButton:hover:after{background-color:#131416e6;border-radius:20px;line-height:30px;top:4px}@media (min-width:1024px){.saveButton{background-color:#fff;border-radius:61% 39% 38% 62%/65% 26% 74% 35%;cursor:pointer;height:12%;margin:12px;margin-top:6.8%!important;overflow:hidden;position:absolute;top:430px;transform:perspective(1000px) rotateX(45deg) rotateY(5deg) rotate(-15deg);transition:all .3s ease-in-out;width:400px;z-index:3}.saveButton:before{background-image:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:300% 300%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.saveButton:hover{border-radius:20px;height:80px;transform:perspective(1000px) rotateX(0deg) rotateY(0deg) rotate(0deg)}.saveButton:hover:before{animation:gradient_move 10s ease infinite;opacity:1}.saveButton:after{background-color:#131416;border-radius:61% 39% 38% 62%/65% 26% 74% 35%;box-sizing:border-box;color:#fff;content:"Post To:";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:60px;padding:20px;position:absolute;text-align:center;top:calc(50% - 45.45455px);transition:all .3s ease-in-out;width:98%;z-index:5}.saveButton:hover:after{background-color:#131416e6;border-radius:20px;line-height:30px;top:4px}@keyframes gradient_move{0%{background-position:0 92%}50%{background-position:100% 9%}to{background-position:0 92%}}}@media (max-width:1024px){.loginButton2{top:550px!important}}.loginButton2{-webkit-appearance:none;appearance:none;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:18px;height:80px;left:30%;outline:none;overflow:hidden;padding:1em 2em;position:absolute;top:82%;transform:translate(-50%,-50%);transition:all .3s ease;width:280px;z-index:1}.loginButton2 span{pointer-events:none;position:relative}.loginButton2:before{--size:0;background:radial-gradient(circle closest-side,#059af7,#0000);content:"";height:var(--size);left:var(--x);position:absolute;top:var(--y);transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease;width:var(--size)}.loginButton2:hover:before{--size:400px}.loginButton2:hover{box-shadow:0 0 1px 25px #15c3a01a,0 0 1px 50px #15c3a00d,0 0 1px 75px #15c3a005;transform:translate(-50%,-50%) scale(1.1)}.loginButton2{background:#15c35e;background-image:radial-gradient(circle at var(--mouseX) var(--mouseY),#15bdc3,#15c35e)}.loginButton2:hover{animation:moveGradient .5s forwards}@media (max-width:1024px){.loginButton2{left:50%!important;top:10px!important}}@property --x{syntax:"<length>";inherits:false;initial-value:0}@property --y{syntax:"<length>";inherits:false;initial-value:0}body,html{font-family:Source Sans Pro,sans-serif;height:100vh;width:100vw}.button__holder{align-items:center;background-color:#1a1a1a;display:flex;height:100%;justify-content:center;position:relative;width:100%}@media (max-width:1024px){.loginButton3{left:50%!important;top:550px!important}}.loginButton3{-webkit-appearance:none;appearance:none;background:#c35e15;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:18px;height:80px;left:70%;outline:none;overflow:hidden;padding:1em 2em;position:absolute;top:82%;transform:translate(-50%,-50%);transition:all .3s ease;width:280px;z-index:1}.loginButton3 span{pointer-events:none;position:relative}.loginButton3:before{--size:0;background:radial-gradient(circle closest-side,#f7b705,#0000);content:"";height:var(--size);left:var(--x);position:absolute;top:var(--y);transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease;width:var(--size)}.loginButton3:hover:before{--size:400px}.loginButton3:hover{box-shadow:0 0 1px 25px #c35e151a,0 0 1px 50px #c35e150d,0 0 1px 75px #c35e1505;transform:translate(-50%,-50%) scale(1.1)}@property --mouseX{syntax:"<length>";inherits:false;initial-value:0}@property --mouseY{syntax:"<length>";inherits:false;initial-value:0}.loginButton3{background:#c34915;background-image:radial-gradient(circle at var(--mouseX) var(--mouseY),#c35b15,#c31583)}.loginButton3:hover{animation:moveGradient .5s forwards}@keyframes moveGradient{0%{--mouseX:var(--x);--mouseY:var(--y)}to{--mouseX:50%;--mouseY:50%}}@media (max-width:1024px){.loginButton3{top:110px!important}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #1db954;border-radius:20px;box-shadow:0 8px 32px #1db9544d;max-width:450px;padding:40px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{color:#1db954;font-family:Metropolis-SemiBold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.8rem;margin-bottom:10px;margin-top:0;text-align:center}.modal-content p{color:#e0e0e0;margin-bottom:25px;text-align:center}.modal-content input,.modal-content p{font-family:Metropolis-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem}.modal-content input{background-color:#ffffff0d;border:2px solid #1db954;border-radius:10px;box-sizing:border-box;color:#fff;margin-bottom:20px;padding:12px 16px;transition:all .3s ease;width:100%}.modal-content input::placeholder{color:#888}.modal-content input:focus{background-color:#ffffff14;border-color:#1ed760;box-shadow:0 0 10px #1ed7604d;outline:none}.modal-buttons{display:flex;gap:15px;justify-content:center}.modal-button{border:none;border-radius:10px;cursor:pointer;font-family:Metropolis-SemiBold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.modal-button.submit{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff}.modal-button.submit:hover{box-shadow:0 8px 15px #1db95466;transform:translateY(-2px)}.modal-button.cancel{background-color:#ffffff1a;border:1px solid #fff3;color:#e0e0e0}.modal-button.cancel:hover{background-color:#ffffff26;border-color:#ffffff4d}.error-message{color:#ff6b6b;font-size:.9rem;margin-bottom:15px;margin-top:10px;text-align:center}@media (max-width:480px){.modal-content{padding:30px 20px}.modal-content h2{font-size:1.5rem}.modal-content p{font-size:.95rem}.modal-buttons{flex-direction:column;gap:10px}.modal-button{width:100%}}canvas{display:block;vertical-align:bottom}#particles-js{background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:30%;opacity:1;position:absolute;top:0;width:100%;z-index:999;z-index:1}.topButton{background-image:linear-gradient(225deg,#0cffdf,#4dff7a);border-radius:20px;cursor:pointer;height:80px;margin:12px;margin-top:10.8%!important;overflow:hidden;position:absolute;top:500px;transition:all .3s ease-in-out;transition:transform .3s ease-in-out,background-size .3s ease-in-out;width:260px;z-index:3}.topButton:hover{background-size:100% 100%;transform:scale(1.05)}.topButton:before{animation:gradient_move 10s ease infinite;background-image:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:300% 300%;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.topButton:hover:before{animation:none;opacity:0}.topButton:after{background-color:#131416e6;border-radius:20px;box-sizing:border-box;color:#fff;content:"Download Image";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;padding:20px;position:absolute;text-align:center;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}.topButton:hover:after{background-color:#131416d9;color:#71da8b}@media (min-width:1024px){.topButton{background-color:#fff;border-radius:20px;cursor:pointer;height:80px;margin:12px;margin-top:6.8%!important;overflow:hidden;position:relative;top:60px;transition:all .3s ease-in-out;width:400px;z-index:3}.topButton:hover{transform:scale(1.05)}.topButton:before{animation:gradient_move 10s ease infinite;background-image:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:300% 300%;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.topButton:hover:before{animation:none;opacity:0}.topButton:after{background-color:#131416e6;border-radius:20px;box-sizing:border-box;color:#fff;content:"Download Image";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;position:absolute;text-align:center;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}.topButton:hover:after{background-color:#131416}}@media (max-width:1024px){.topButton{top:532px}}.donateButton{background-image:linear-gradient(225deg,#0cffdf,#4dff7a);border:none;border-radius:20px;cursor:pointer;font-family:inherit;height:80px;margin:12px;margin-top:10.8%!important;overflow:hidden;padding:0;position:absolute;top:390px;transition:all .3s ease-in-out;transition:transform .3s ease-in-out,background-size .3s ease-in-out;width:260px;z-index:3}.donateButton:hover{background-size:100% 100%;transform:scale(1.05)}.donateButton:before{animation:gradient_move 10s ease infinite;background-image:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:300% 300%;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.donateButton:hover:before{animation:none;opacity:0}.donateButton:after{background-color:#13141600;border-radius:20px;box-sizing:border-box;color:#fff;content:"♥ Donate Now";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;padding:20px;position:absolute;text-align:center;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}.donateButton:hover:after{background-color:#131416d9;color:#71da8b}@media (min-width:1024px){.donateButton{height:80px;margin-top:6.8%!important;right:9%;top:-28px!important;width:400px}.donateButton:after{content:"♥ Donate Now"}}@media (min-width:1080px){.donateButton{height:80px;margin-top:6.8%!important;right:7.5%;top:-50px!important;width:400px}.donateButton:after{content:"♥ Donate Now"}}@media (max-width:1024px){.donateButton{top:445px}}body,html{overflow-x:hidden!important}.grain-background{background-repeat:repeat;background-size:100% 100%;height:100%;left:0;mix-blend-mode:screen;opacity:.08;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}#container{box-sizing:border-box;height:100%;width:100%;z-index:1}#container,#treemap-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}#treemap-wrapper{gap:0;margin-bottom:24px;margin-top:70px;max-width:100%;width:90vmin}#treemap-container{background-color:initial;height:90vmin;margin:0;overflow:hidden;position:relative;width:100%}.spotify-banner{align-items:center;background-color:#000;border:2px solid #fff;border-radius:0 0 8px 8px;box-sizing:border-box;color:#fff;display:flex;font-family:Metropolis,sans-serif;font-size:16px;font-weight:700;justify-content:space-between;margin:0;padding:4px 20px;text-align:center;width:100%}.banner-logo{height:20px;width:auto}.banner-left{order:1}.banner-year{margin-bottom:0;order:2}.banner-year.downloading{margin-bottom:15px}.banner-right{order:3}#treemap{height:100%;position:relative;width:100%;z-index:3}.album-bg,.album-fg{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.album-bg{transform:translateZ(0) scale(1.1)!important;-webkit-transform:translateZ(0) scale(1.1)!important}.album-fg{transform:translateZ(1px)!important;-webkit-transform:translateZ(1px)!important}.nodeNEW{background-clip:padding-box;border-radius:2px;box-sizing:border-box;overflow:hidden;position:absolute;text-decoration:none;transition:all .3s ease}.nodeNEW:hover{transform:scale(1.03);z-index:1}.node{background-clip:padding-box;border:3px solid #000;border-radius:2px;box-sizing:border-box;overflow:hidden;position:absolute;text-decoration:none;transition:all .3s ease}.node:hover{transform:scale(1.03);z-index:1}#login-button{z-index:9}#downloadBtn{margin-top:8%;z-index:9}@media (min-width:1080px){#downloadBtn{margin-left:60px;margin-right:8.25%!important}}@media (min-width:1024px){#container{align-items:flex-start;flex-direction:row;justify-content:flex-end}#treemap-wrapper{margin-top:80px}#downloadBtn,#logout-button{align-self:flex-start;margin-right:10%;margin-top:0}.titleContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:100px;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:10}.titleImage{display:block;height:auto;max-width:980px!important}.fpHeaderTitle{font-size:180px;left:50%;position:absolute;text-align:center;top:140px;transform:translateX(-50%)}.fpHeader,.fpHeaderTitle{color:#fff;font-family:Peckham Press,sans-serif;font-weight:200;letter-spacing:-.03em;margin:0;white-space:nowrap}.fpHeader{font-size:140px;text-align:left}.fpHeader2{color:#6e6e6e;font-family:Metropolis,sans-serif;font-size:30px;font-weight:400;letter-spacing:-.03em;margin:0 auto;max-width:1300px;padding-left:0;padding-right:0;position:relative;text-align:left;top:170px}}#frontpageContent{display:block}.bolduh{font-family:Metropolis,sans-serif;font-weight:700}.heightFix{margin-top:350px!important}@media (max-width:1024px){#treemap-wrapper{gap:0;margin:40px auto 0;top:42px;width:calc(100% - 40px)}#treemap-container{height:100%;margin:0;width:100%}.spotify-banner{border-radius:0 0 8px 8px;font-size:14px;justify-content:space-between;padding:10px 16px}.banner-logo{height:15px}.titleContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:120px;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:10}.titleImage{display:block;height:100px;width:auto}.fpHeaderTitle{color:#fff;font-family:Peckham Press,sans-serif;font-size:60px;font-weight:600;letter-spacing:-.03em;line-height:1.1em;margin:0;white-space:nowrap}.titleImage{margin-top:-15px!important}.fpHeader{color:#fff;font-family:Peckham Press,sans-serif;font-size:100px;font-weight:600;line-height:1.1em;text-align:left;white-space:nowrap}.fpHeader,.fpHeader2{letter-spacing:-.03em;margin:0}.fpHeader2{color:#6e6e6e;font-family:Metropolis,sans-serif;font-size:20px;font-weight:400;max-width:600px;padding-left:10px;padding-right:10px;position:absolute;text-align:center;top:170px}}@media (min-width:1024px){.icon{position:absolute;top:15px;transition:transform .3s ease-in-out,background-size .3s ease-in-out;width:50px;z-index:13}.icon:hover{transform:scale(1.1)}.icon1{left:95px}.icon2{left:170px}.icon3{left:245px}.icon4{left:320px}}@media (max-width:1024px){.icon{position:absolute;top:15px;transition:transform .3s ease-in-out,background-size .3s ease-in-out;width:50px;z-index:13}.icon:hover{transform:scale(1.1)}.icon1{left:15px}.icon2{left:75px}.icon3{left:135px}.icon4{left:195px}}.testbutton{background-color:#fff;border-radius:20px;cursor:pointer;height:80px;margin:12px;margin-top:10.8%!important;overflow:hidden;position:absolute;top:680px;transition:all .3s ease-in-out;width:260px;z-index:3}.testbutton:hover{background-size:100% 100%;transform:scale(1.05)}.testbutton:before{background-image:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:300% 300%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.testbutton:hover:before{animation:gradient_move 10s ease infinite;opacity:1}.testbutton:after{background-color:#131416d9;border-radius:20px;box-sizing:border-box;color:#fff;content:"Save Playlist";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;padding:20px;position:absolute;text-align:center;top:4px;transition:all .3s ease-in-out;width:98%;z-index:5}.testbutton:hover:after{background-color:#131416}@media (min-width:1024px){.testbutton{background-color:#fff;border-radius:20px;cursor:pointer;height:80px;margin:12px;margin-top:6.8%!important;overflow:hidden;position:absolute;right:140px;top:290px;transition:all .3s ease-in-out;width:400px;z-index:3}.testbutton:before{background-image:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:300% 300%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.testbutton:hover:before{animation:gradient_move 10s ease infinite;opacity:1}.testbutton:after{border-radius:18px;box-sizing:border-box;color:#fff;content:"Save Playlist";display:block;font-size:14px;font-weight:700;height:90%;left:1%;line-height:30px;position:absolute;text-align:center;top:5%;transition:all .3s ease-in-out;width:98%;z-index:5}.testbutton:after,.testbutton:hover:after{background-color:#131416e6}}@media (max-width:1024px){.testbutton{top:710px}}.footerS{background-color:#d03535;height:400px;padding-bottom:20px;padding-top:30px;position:absolute;top:1300px;z-index:1000}.downloadButton{animation:gradient_move 10s ease infinite;background-image:linear-gradient(225deg,#fbaf15,#fb15f2,#15c6fb);background-size:300% 300%;border:none!important;border-radius:61% 39% 38% 62%/65% 26% 74% 35%;color:#fff;font-size:14px;font-weight:600;margin:12px;margin-top:6.8%!important;padding:20px;transform:perspective(1000px) rotateX(45deg) rotateY(5deg) rotate(-15deg);transition:all .3s ease-in-out;width:400px;z-index:3}.downloadButton:hover{border-radius:20px;transform:perspective(1000px) rotateX(0deg) rotateY(0deg) rotate(0deg)}@keyframes gradient_move{0%{background-position:0 92%}50%{background-position:100% 9%}to{background-position:0 92%}}nav{align-items:center;backdrop-filter:blur(8px) brightness(1.2);-webkit-backdrop-filter:blur(8px) brightness(1.2);color:#fff;display:flex;font-family:Metropolis,sans-serif;font-size:16px;font-weight:700;left:0;padding:16px 20px 30px;position:fixed;text-shadow:0 0 5px #00000080;top:0;transition:.3s ease-out;width:100%}nav.mask{mask-image:linear-gradient(#000 70%,#0000);-webkit-mask-image:linear-gradient(#000 70%,#0000);z-index:10000}nav.mask-pattern{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.21 10.57'%3E%3Cpath fill='%23fff' d='M6.1 0h6.11L9.16 5.29 6.1 10.57 3.05 5.29 0 0h6.1z'/%3E%3C/svg%3E"),linear-gradient(#000 calc(100% - 30px),#0000 calc(100% - 30px));-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.21 10.57'%3E%3Cpath fill='%23fff' d='M6.1 0h6.11L9.16 5.29 6.1 10.57 3.05 5.29 0 0h6.1z'/%3E%3C/svg%3E"),linear-gradient(#000 calc(100% - 30px),#0000 calc(100% - 30px));mask-position:left bottom,top left;-webkit-mask-position:left bottom,top left;mask-repeat:repeat-x,no-repeat;-webkit-mask-repeat:repeat-x,no-repeat;mask-size:auto 30px,100% 100%;-webkit-mask-size:auto 30px,100% 100%;top:300px}@media (min-width:640px){nav{padding:16px 50px 30px}}nav.is-hidden{transform:translateY(-100%)}a{color:inherit;text-decoration:none}a:focus,a:hover{text-decoration:underline}.list{display:none;list-style-type:none;margin-left:auto}@media (min-width:640px){.list{display:flex}}.list li{margin-left:20px}.search{background:none;border:none;display:inline-block;filter:drop-shadow(0 0 5px rgba(0,0,0,.5));font-size:0;margin-left:auto;padding:0}@media (min-width:640px){.search{margin-left:20px}}.search:before{background:50%/1.3rem 1.3rem no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.17' height='14.81'%3E%3Cpath d='M6 .67A5.34 5.34 0 1 1 .67 6 5.33 5.33 0 0 1 6 .67Zm3.86 8.91 4.85 4.75Z' fill='none' stroke='%23fff' stroke-width='1.33'/%3E%3C/svg%3E");content:"";display:inline-block;height:2rem;width:2rem}.menu{background:none;border:none;display:inline-block;filter:drop-shadow(0 0 5px rgba(0,0,0,.5));font-size:0;margin-left:20px;padding:0}.menu:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.8' height='18.92'%3E%3Cpath d='M23.8 9.46H1m22.8 8.46H1M23.8 1H1' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E")}@media (min-width:640px){.menu{display:none}}.imiig{display:inline;height:20px!important;margin-bottom:4px!important;width:20px!important;z-index:99}@media (min-width:1024px){.imiig2{height:25px!important;position:fixed;right:50px!important;top:18px!important;width:25px!important;z-index:99}.spacer{margin-right:60px}}.imiig2{display:inline;height:25px!important;margin:0 auto;position:fixed;right:16px;top:12px!important;width:25px!important;z-index:99}.menuNav,.topNav{z-index:5}.menuNav{margin:0 auto;position:fixed;right:46%}@media (min-width:1024px){.aboutFace{left:8.5%;position:relative;top:12%;width:610px;z-index:5}.bodyText{color:#898989;font-family:Metropolis,sans-serif;font-size:30px;font-weight:200;padding-left:50%;position:absolute;right:125px;text-align:right;top:17%}}@media (max-width:1024px){.aboutFace{display:block;margin:0 auto;position:relative;top:100px;width:300px;z-index:5}.aboutFace,.bodyText{left:50%;transform:translateX(-50%)}.bodyText{color:#898989;font-family:Metropolis,sans-serif;font-size:22px;font-weight:200;max-width:90%;padding-left:40px;padding-right:40px;position:absolute;text-align:center;top:460px}}body,html{background-color:#161616;height:100%;margin:0;padding:0}.hHeader{font-family:Peckham Press,sans-serif;font-weight:200;left:50%;top:150px;transform:translateX(-50%)}.hHeader,.hHeaderP{color:#fff;font-size:140px;letter-spacing:-.03em;margin:0;position:absolute;text-align:center;white-space:nowrap}.hHeaderP{font-family:Metropolis,sans-serif;font-weight:700;left:8%;top:120px}.projectIMG_1{border-radius:20px;box-shadow:0 10px 10px #00000080;left:200px;position:absolute;top:35%;transition:transform .3s ease-in-out,background-size .3s ease-in-out;width:300px;z-index:6}.projectIMG_1:hover{background-size:100% 100%;transform:scale(1.1)}@media (max-width:1024px){.hHeader{font-size:80px;top:120px}.projectIMG_1{left:50%;top:300px;transform:translateX(-50%);width:250px}}.privacy-container{color:#fff;font-family:Metropolis-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:900px;padding:40px 20px}.privacy-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1db954,#1ed760);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:600;margin-bottom:40px;margin-top:60px;text-align:center}.privacy-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-left:4px solid #1db954;border-radius:8px;margin-bottom:40px;padding:25px;transition:all .3s ease}.privacy-section:hover{background:#ffffff14;border-left-color:#1ed760}.privacy-section h2{color:#1db954;font-size:1.8rem;font-weight:600;margin-bottom:15px;margin-top:0}.privacy-section p{color:#e0e0e0;font-size:1.05rem;line-height:1.8;margin:0}.privacy-section a{color:#1db954;font-weight:600;text-decoration:none;transition:color .3s ease}.privacy-section a:hover{color:#1ed760;text-decoration:underline}@media (max-width:768px){.privacy-title{font-size:2.5rem;margin-top:40px}.privacy-section{margin-bottom:20px;padding:20px}.privacy-section h2{font-size:1.4rem}.privacy-section p{font-size:1rem}}@media (max-width:480px){.privacy-container{padding:20px 15px}.privacy-title{font-size:2rem;margin-bottom:30px}.privacy-section{margin-bottom:15px;padding:15px}.privacy-section h2{font-size:1.2rem}.privacy-section p{font-size:.95rem}}
/*# sourceMappingURL=main.da54fee2.css.map*/