@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Montserrat:wght@300;400&display=swap);.replace,input{padding:10px;border:none}.choose,.replace{background-color:#ff69b4}.album,.albumcovers{margin-top:32px}.albumcovers,.openerslineup{display:grid;cursor:pointer}.choose,.info,.push,h1,h2,h3,h4{text-align:center}.albumcovers,.box,.closer,.openerslineup,.replace{cursor:pointer}*{box-sizing:border-box}img{width:100%;display:block}body{background-color:#fffaf0;font-family:Lato,sans-serif;position:absolute}h1,h3{color:#ff69b4;font-size:3em}.info p,input{font-size:1.5em}.replace{color:#fff;font-size:1.2em}.addspace,.info{padding:20px}input{width:30%;height:2em;margin-right:10px}.choose{color:#fffaf0;font-size:2em}.albumcovers{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:10px}.albumphoto{width:50vw;height:100vh;position:sticky;top:0;z-index:-1}h4{font-size:2.5em;margin-bottom:0;margin-top:20px}.info{width:40%;margin-left:55%;margin-bottom:110vh}.debutera{color:#adfaff;background-color:#00747a}.fearlessera{color:#ddc477;background-color:#6d4722}.speaknowera{color:#e2b7ce;background-color:#52316b}.redera{color:#dec8b3;background-color:#731d05}.nineteeneightynineera{color:#d6e9ff;background-color:#5e7797}.reputationera{color:#eee;background-color:#222}.loverera{color:#ecb3ad;background-color:#496897}.folkloreera{color:#ccc;background-color:#4d4d4d}.evermoreera{color:#ea955d;background-color:#382323}.midnightsera{color:#c9e8fd;background-color:#4e4466}.addspace,.openerslineup{background-color:#fffaf0}.openerslineup{grid-template-columns:1fr 1fr 1fr;grid-gap:5px}.openersinfo{position:fixed;width:100vw;height:100vh;left:0;bottom:0;display:none;z-index:5;overflow-y:scroll}.debut,.fearless,.red,.speaknow{bottom:50%}.popupbeabadoobee,.popupgayle,.popupgirlinred,.popupgracieabrams,.popuphaim,.popupmuna,.popupowenn,.popupparamore,.popupphoebebridgers{padding:40px;line-height:1.5em;display:grid;grid-template-columns:1.5fr 1fr;grid-gap:40px}.openerspopup{width:60vw;position:relative;margin:10vh auto}h2{font-size:2em;line-height:1.1em}.popupparamore{background-color:#ff6200;color:#fff}.popupgayle{background-color:#000;color:#fff}.popupbeabadoobee{background-color:#ffafd4;color:#fff}.popupgracieabrams{background-color:#fff;color:#000}.popupphoebebridgers{background-color:#7f1523;color:#fff}.popupgirlinred{background-color:#b43f2e;color:#fff}.popupowenn{background-color:#40617b;color:#fff}.popupmuna{background-color:#3c762d;color:#fff}.popuphaim{background-color:#4a291c;color:#fff}.eras,.lineup{background-color:#fffaf0}.closer{position:absolute;top:0;right:0;padding:0 20px;transition:1s;font-size:3em;color:#fff;display:none}.closer:hover{transform:scale(1.2)}.eras{z-index:2}.lineup{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;row-gap:30px;position:relative}.box{width:15%;height:45%;position:absolute;margin-bottom:20px}.debut{left:2.5%}.fearless{left:23%}.speaknow{left:42%}.red{left:62%}.nineteeneightynine{left:82%;bottom:50%}.reputation{left:2.5%;top:50%}.lover{left:23%;top:50%}.folklore{left:42%;top:50%}.evermore{left:62%;top:50%}.midnights{left:82%;top:50%}@media only screen and (max-width:640px){.info,input{padding:10px}.albumcovers{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.albumphoto{width:100vw;height:100vh;position:sticky;top:0;z-index:-1}.info{width:80%;margin-left:10%;margin-bottom:80vh;text-align:center}.openerspopup{width:90vw}.inner{grid-template-columns:1fr}.closer,h3{font-size:2em}.choose{font-size:1.5em}.replace,input{font-size:1em}input{width:30%;height:1.5em;margin-right:10px;border:none}}