body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background-gradient{background-color:var(--background-color);position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:radial-gradient(circle at 20% 35%,#2f92c4,transparent 50%),radial-gradient(circle at 75% 25%,#d7a9eb,transparent 50%),radial-gradient(circle at 50% 60%,#da5869,transparent 50%);opacity:1}@font-face{font-family:Birds of Paradise;src:url(/_next/static/media/BirdsofParadise.3a4588de.woff2) format("woff2"),url(/_next/static/media/BirdsofParadise.eb41282f.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TaylorSwiftHandwriting;src:url(/_next/static/media/TaylorSwiftHandwriting.f1de0736.woff2) format("woff2"),url(/_next/static/media/TaylorSwiftHandwriting.f2711b0d.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Louis George Cafe;src:url(/_next/static/media/LouisGeorgeCafe.4193364b.woff2) format("woff2"),url(/_next/static/media/LouisGeorgeCafe.dcc45c79.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--background-color:#282828;--text-color:#fff;--text-color2:#000;--placeholder-text:hsla(0,0%,100%,.6);--button-color:hsla(0,0%,100%,.4);--button-hover:#fff;--input-background:#414141;--suggestion-color:#f2f2f2;--suggestion-hover:#f2f2f2;--modal-color:hsla(0,0%,67%,.4);--outline-color:#888;--correct:#56c14a;--close:#e0c736;--cell-color:hsla(0,0%,100%,.188)}body{overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,sans-serif;margin:0;width:98.5vw}.viewport-height{height:100vh}.content-height{height:100%;padding-bottom:100px}.content-height,.viewport-height{background-color:var(--background-color);background-repeat:no-repeat}.background{background-color:var(--background-color);position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.image-layer{position:absolute;width:100%;height:100%;transition:opacity .5s ease;opacity:0}.hard{background-image:radial-gradient(circle at 20% 35%,#be2e1e,transparent 50%),radial-gradient(circle at 75% 25%,#632406,transparent 50%),radial-gradient(circle at 50% 60%,#d96fd9,transparent 50%)}.easy{background-image:radial-gradient(circle at 20% 35%,#2f92c4,transparent 50%),radial-gradient(circle at 75% 25%,#d7a9eb,transparent 50%),radial-gradient(circle at 50% 60%,#da5869,transparent 50%);opacity:1}.easy,.hard{background-size:cover}.topButtons{display:flex;z-index:1;position:fixed;top:20px;right:10px}.topButtons button{margin-right:10px;height:57px;width:49px;border-radius:24px;background-color:var(--button-color);border:3px solid #fff}#settingsButton i{transition:transform .2s ease-in-out}#settingsButton i:hover{transform:rotate(45deg) scale(1.1)}.contentContainer{border-radius:20px;display:flex;flex-direction:column;align-items:center;position:relative;max-width:800px}@keyframes slideIn{0%{top:-100px}to{top:20px}}@keyframes slideOut{0%{top:20px}to{top:-100px}}#errorBox{position:fixed;top:-50px;left:50%;transform:translateX(-50%);background-color:var(--close);color:var(--text-color2);padding:10px 20px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);animation:slideOut .5s ease-in-out forwards}h1{font-weight:400;font-family:Birds of Paradise;color:var(--text-color);text-align:center;font-size:60px;margin-bottom:35px}.xyz{font-size:40px}#albumContainer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:35px}.album{margin-top:20px;width:70px;height:auto;margin-right:10px;animation-timing-function:ease-in-out}.deluxe{border:3px solid gold}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#errorBox,#guessCounter,#submitBtn,.grid-header,.modal,.suggestion-item,button,input[type=search],p,textarea{font-family:TaylorSwiftHandwriting;font-size:larger}#errorBox,.grid-cell,.modal,button,li,p{font-family:Louis George Cafe;font-size:larger}input[type=search],textarea{font-family:TaylorSwiftHandwriting;text-align:center;background-color:transparent;color:var(--text-color);width:100%;padding:10px;margin:10px 0;border:none;outline:none}#underline{margin-top:-15px;background:#fff;height:2px;border-radius:10px;margin-bottom:20px}::placeholder{color:var(--placeholder-text)}#suggestions,.search{width:50%;min-width:250px}#suggestions{border-radius:17px;translate:0 -19px;display:none;z-index:1;overflow-y:auto;text-align:center}.suggestion-item{padding:10px;cursor:pointer}.suggestion-item:hover{background-color:var(--suggestion-hover)}button{display:block;width:100%;padding:10px;margin:10px 0;background-color:var(--button-color);color:var(--text-color);border:2px solid #fff;border-radius:5px;cursor:pointer}button:hover{background-color:var(--button-hover);color:var(--text-color2)}#results,#submitBtn{height:42px;outline:2px solid #fff;background-color:hsla(0,0%,100%,.3);max-width:130px;padding-block:0;border-radius:15px}#results{display:none;max-width:200px}#results p,#submitBtn p{margin:0}#results:hover,#submitBtn:hover{background-color:#fff;color:#000}#guessCounter{color:var(--text-color);text-align:center;font-size:20px;margin-bottom:10px}.alternate-font{font-family:sans-serif}.grid-table{display:grid;grid-template-columns:repeat(5,1fr);grid-row-gap:5px;row-gap:5px;grid-column-gap:2px;column-gap:2px;width:100%;margin:20px 0}.grid-header{font-weight:700}.grid-cell,.grid-header{color:var(--text-color);padding:8px;text-align:center}.grid-cell{display:flex;align-items:center;justify-content:center;background-color:var(--cell-color);min-width:0;overflow:hidden;word-break:break-word}.grid-table .grid-cell:nth-child(5n+1){border-radius:10px 0 0 10px}.grid-table .grid-cell:nth-child(5n){border-radius:0 10px 10px 0}.album_cell{display:flex;align-items:center;justify-content:center;min-width:70px;min-height:70px}.album_cell img,.album_cell span{vertical-align:middle}.correct{font-weight:700;background-color:var(--correct);color:var(--text-color2)}.after-close,.before-close,.close{background-color:var(--close);color:var(--text-color2)}.greenText{background-color:var(--correct)}.greenText,.yellowText{border-radius:3px;padding-inline:3px;padding-block:1px}.yellowText{background-color:var(--close)}li{font-size:large;margin-block:10px}.modal{justify-content:center;position:fixed;z-index:101;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--modal-color);background-color:rgba(0,0,0,.4)}.modal,.modal-content{flex-direction:column;align-items:center}.modal-content{color:var(--text-color);background-color:var(--modal-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:15px;padding:20px;border:1px solid var(--outline-color);width:80%;max-width:422px;position:relative;display:flex}.modal-content p{margin-bottom:-3px}.closeModal{position:absolute;top:10px;right:15px}.modal-content p{width:80%;text-align:center}.closeModal{color:var(--text-color);float:right;font-size:28px;font-weight:700}.closeModal:focus,.closeModal:hover{color:var(--text-color);text-decoration:none;cursor:pointer}.smallLinks{width:70%;min-width:200px;display:flex;justify-content:space-evenly;text-wrap:nowrap}.smallLinks a{color:#c7c7c7}.smallLinks a:hover{color:#fff}.smallLinks a p{font-size:12px}.correctSong{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:80%;margin-top:25px;margin-bottom:10px}.correctSong p{font-family:TaylorSwiftHandwriting;margin-top:18px}.stats{display:flex;justify-content:space-evenly;width:100%}.stat{padding:3px;border-radius:5px;text-align:center;display:flex;flex-direction:column;align-items:center}.stat p{margin:5px;width:-moz-fit-content;width:fit-content}.stop-scrolling{height:100vh;overflow:hidden}.ShareButton{width:70%;min-width:225px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.after-close,.before-close,.close,.correct{animation:fadeIn .5s ease-out forwards}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.up-arrow{animation:bounceUp 1s 2}.down-arrow{animation:bounceDown 1s 2}.arrow-container{display:inline-block;vertical-align:middle}.option{position:relative;width:100%;margin-block:15px;display:flex;align-items:center;justify-content:space-between}.option p{text-align:left;margin-top:0}.optionDescription{font-size:small;color:hsla(0,0%,100%,.815);position:absolute;bottom:-10px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(23px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.xLink{opacity:85%;display:flex;align-items:center;position:fixed;bottom:10px;right:20px;font-size:large;color:#fff}.xLink:hover{opacity:1}.xLink p{margin:0}.xLogo{height:30px;width:30px;filter:invert()}@media (max-width:768px){.grid-cell,.grid-header{font-size:large}.grid-cell{padding:2px}.album{width:50px}.contentContainer{padding-inline:10px}}@media (max-width:480px){.contentContainer{padding-inline:10px}.grid-cell,.grid-header{font-size:small}.grid-cell{padding:2px}.xLink p{display:none}}@media (max-width:470px){.optionDescription{bottom:-25px}}@media (max-width:373px){.smallLinks{padding-top:20px}}.cookie-consent-banner,.cookie-settings-modal{position:fixed;bottom:20px;left:20px;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.2);transition:transform .5s ease}.cookie-consent-banner{transform:translateY(100%);animation:slideInCookies .5s forwards}@keyframes slideInCookies{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent-banner,.cookie-settings-modal{display:none;margin-right:20px}.cookieButtons button{margin:5px;padding:10px;border-radius:5px;cursor:pointer;width:-moz-fit-content;width:fit-content;padding-inline:10px}#acceptAllCookieSettings,#acceptAllCookies{background-color:#2f92c4;color:#fff}#cookieSettings,#saveCookieSettings{color:#757474}.cookieButtons{display:flex}.cookieDescription{display:flex;align-items:center}.cookieDescription p{margin-left:10px}.fake-css-to-make-gh-pages-reload{background-color:#fff;color:red;grid-row:8}.hero{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero h1{width:700px;text-align:center;font-size:48px;line-height:67px;height:-moz-fit-content;height:fit-content;background:linear-gradient(90deg,#e327e7,#277de3 50%,#d9c594);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h1,.hero h2{font-style:normal;font-weight:600}.hero h2{width:500px;text-align:center;font-size:24px;color:#e4b7eb}.hero .desc{margin-bottom:50px;width:400px;font-style:normal;font-weight:300;font-size:16px;line-height:19px;text-align:center;color:#fff}.CTABtn{position:relative;z-index:1;border:3px solid transparent;background:linear-gradient(180deg,#180624,#180624 46.36%,#745589 118.87%);background-clip:padding-box;width:100%;height:100%;font-size:18px;cursor:pointer}.CTABtn,.ctaGrad{border-radius:7px}.ctaGrad{width:150px;height:50px;background:linear-gradient(90deg,#ccbe9a 0,#d92be6 50%) var(--x,0)/200%;transition:.5s ease-in-out}.ctaGrad:hover{cursor:pointer;transform:scale(1.01);--x:100%}.CTABtn p{margin:0;background:linear-gradient(90deg,#ccbe9a 0,#d92be6 50%) var(--x,0)/200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:.5s ease-in-out}.CTABtn,.ctaGrad,.hero .desc,.hero h1,.hero h2{opacity:0;animation:fadeInAnimation 1s ease-out;animation-iteration-count:1;animation-fill-mode:forwards}.hero h1,.hero h2{animation-delay:.2s}.hero .desc{animation-delay:1.2s}.CTABtn,.ctaGrad{animation-delay:2.2s}@keyframes fadeInAnimation{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}#navContainer{width:calc(100% - 20px);padding:10px;border:var(--outline-thickness) solid var(--outline-color);border-radius:var(--border-radius)}#navContainer,#pageLinks{display:flex;justify-content:space-between}#pageLinks{align-items:center;width:450px}#pageLinks a h2,#profile a h2{margin:0;color:#fff}#pageLinks a,#profile a{text-decoration:none}#profile{display:flex;text-wrap:nowrap;font-size:10px}#profile a{padding:0;margin-left:5px}#profile a,.page{display:flex;align-items:center;justify-content:center}.page{color:#fff;height:80vh}.page,form{flex-direction:column}form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;gap:10px;width:300px}.emailInput,.passwordInput,.usernameInput{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:16px}.emailInput::placeholder,.passwordInput::placeholder,.usernameInput::placeholder{color:#585858}.verificationInputs{display:flex;justify-content:space-evenly;padding:20px}.verifyInput{text-align:center;width:40px;height:30px;margin-right:5px}form button[style*=hidden]{visibility:visible;opacity:0;position:absolute;left:-9999px}form button{background-color:#673ab7;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}form button:hover{background-color:#5e35b1}@media (max-width:768px){.page{padding:20px}form{width:100%;box-sizing:border-box}}.profilePage{margin-top:50px;color:#fff;height:80vh;text-align:center}