:root{--slight-rounding: 4px;--medium-rounding: 9px;--strong-rounding: 16px;--shadow: 2px 2px 5px rgba(0, 0, 0, .15);--inactive-grey: rgb(215, 215, 215);--inactive-grey-hover: rgb(225, 225, 225);--background-blue: rgb(235, 235, 255);--active-orange: rgb(255, 170, 110);--action-btn-bluish: rgb(120, 180, 255);--tab-border-white: 1px solid rgb(250, 250, 250);--tab-border-grey: 1px solid rgb(200, 200, 200)}*{box-sizing:border-box;margin:0;padding:0;font-family:Courier New,Courier,monospace}body{background-color:var(--background-blue)}h1{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;width:100%;text-align:center;margin-top:3rem}.content-centerer{margin:auto;position:relative;top:8rem;width:fit-content;display:flex}.overlay-container{position:absolute;top:0;width:100%;height:100%;background-color:#0000001a}.login-box{background-color:var(--active-orange);margin:auto;height:14rem;width:20rem;border-bottom-left-radius:var(--medium-rounding);border-bottom-right-radius:var(--medium-rounding);position:relative;box-shadow:var(--shadow)}form{display:grid;grid-template-columns:auto auto;grid-gap:1rem;margin:auto 2rem;position:absolute;top:1.5rem}.mode-btn{border:unset;height:2rem;border-bottom:var(--tab-border-white);width:50%;position:absolute;margin-top:-2rem;cursor:pointer;background-color:var(--inactive-grey)}.mode-btn:hover{background-color:var(--inactive-grey-hover)}.mode-btn:nth-child(1){border-top-left-radius:var(--medium-rounding)}.mode-btn:nth-child(2){border-top-right-radius:var(--medium-rounding);border-left:var(--tab-border-grey);right:0}.mode-btn.active{background-color:var(--active-orange);border-bottom:unset}.login-box p{text-align:center;position:absolute;width:100%;bottom:5rem}img{width:20rem;margin-right:5rem}.login-box>.action-btn{position:absolute;left:50%;transform:translate(-50%);bottom:1rem}.action-btn{border:unset;padding:.75rem 1.5rem;border-radius:var(--strong-rounding);background-color:var(--action-btn-bluish);font-size:16px;cursor:pointer;box-shadow:var(--shadow)}.my-albums{width:20rem}.my-albums li{list-style:none;margin:.5rem 0}.my-albums h3{cursor:pointer;width:fit-content}.tag-input-list ul{list-style-type:none}.tag-input-list li{margin-top:5px}.tag-input-list button{padding:0 5px}.tag-input-list li>button{margin-left:5px}.tag-input-list>button{margin-top:5px}.user-selected-album{background-color:var(--active-orange);padding:1rem;border-radius:var(--medium-rounding);box-shadow:var(--shadow);height:fit-content}.user-selected-album>ul{list-style:none}.user-selected-album>ul>li{margin:.5rem 0}.user-selected-album>.action-btn{margin:1rem 1rem 0 0}.user-selected-album>h3{margin:.25rem 0}.user-selected-album>p:nth-child(3){margin-top:.5rem}.album-list li>h3{cursor:pointer}.album-list{padding:2rem 0 0 3rem}.album-list ul{list-style:none}.album-list>h2{margin-bottom:1rem}.search-params{padding:2rem;display:flex;flex-direction:column}.search-params>*{margin-bottom:1rem}.search-params>h2{grid-column:1/span 2}.search-params>.action-btn{width:fit-content;margin-left:1.75rem}.search-params input{width:10rem}.album-adder-card{background-color:var(--active-orange);display:grid;grid-template-columns:8rem 12rem;grid-row-gap:1rem;padding:1rem 2rem;border-radius:var(--medium-rounding);box-shadow:var(--shadow)}.album-adder-card>h2{grid-column:1/span 2;text-align:center}.album-adder-card>.action-btn{grid-column:1/span 2;width:fit-content;margin:auto}.album-adder-card>p{grid-column:1/span 2;text-align:center}nav{position:absolute;top:17rem;display:flex;flex-direction:column;border-top-right-radius:20px;border-bottom-right-radius:20px;box-shadow:var(--shadow)}nav>*{all:unset;cursor:pointer;text-align:center;line-height:3rem;height:3rem;width:7rem;background-color:var(--inactive-grey);border-bottom:var(--tab-border-grey)}nav>*:hover{background-color:var(--inactive-grey-hover)}nav>*.active{background-color:var(--active-orange)}nav>*:first-child{border-top-right-radius:var(--strong-rounding)}nav>*:last-child{border-bottom-right-radius:var(--strong-rounding);border-bottom:unset}.overlaid-album{background-color:var(--active-orange);width:fit-content;margin:5.5rem auto;padding:1rem;border-radius:var(--strong-rounding);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,auto);grid-column-gap:1rem}.overlaid-album ul{list-style:none}.overlaid-album>button:first-child{grid-column:3;width:2rem;border-radius:50%;font-family:Arial,Helvetica,sans-serif;height:2rem;padding:4px;margin-left:auto;text-emphasis:unset;cursor:pointer;border:unset;background-color:var(--inactive-grey)}.overlaid-album>button:first-child:hover{background-color:var(--inactive-grey-hover)}.overlaid-album>h2:nth-child(2){grid-column:1/span 2;grid-row:1}.overlaid-album>h3:nth-child(3){grid-column:1/span 2;grid-row:2;margin-bottom:.5rem}.overlaid-album .tags-header{grid-column:1;grid-row:3}.overlaid-album .tags-content{grid-column:1;grid-row:4}.overlaid-album .matches-header{text-align:right;grid-column:2;grid-row:3}.overlaid-album .matches-content{text-align:right;grid-column:2;grid-row:4}.overlaid-album li{margin:.5rem 0}.overlaid-album .matches-content li>h3{cursor:pointer;width:fit-content;margin-left:auto}.overlaid-album .action-btn,.overlaid-album .message-displayer{grid-column:1/span 3;width:fit-content;margin:.5rem auto}