﻿@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"Rubik", "Helvetica", "Arial", sans-serif;font-size:19px;line-height:1.5}a{color:#a11b9d;font-weight:500;transition:color 0.3s ease-in-out}h1,h2,h3,h4,h5,h6{margin-bottom:1em;font-weight:500;line-height:1.25}h1{font-size:44px}h2{font-size:36px}h3{font-size:28px}h4{font-size:25px}h4{font-size:19px}label{font-weight:500}small,.links,.button,.small{font-size:16px;line-height:1.4}.button{display:inline-block;-webkit-appearance:none;appearance:none;box-sizing:border-box;border:1px solid #0cf;border-radius:30px;padding:15px 30px;font-weight:500;text-decoration:none;letter-spacing:0.5px;height:auto;background:#0cf;color:white;transition:all 0.3s ease-in-out}.button:hover{background-color:#00a3cc}.button+.button{margin-left:10px}.button.primary{background:#2bcaaa;border-color:#2bcaaa}.button.primary:hover{background-color:#22a087}.button.tertiary{border-color:#ccc;background:transparent;color:#333333}.button.tertiary:hover{border-color:#0cf}.button.small{padding:8px 16px}.button.very-small{padding:6px 14px}.button.invisible{border:none;background:none;color:inherit}.button.purchase,.button.unpurchase{position:absolute;bottom:0;left:0;display:block;width:100%;text-align:center;margin-left:0 !important}.button.external{display:block;width:100%;text-align:center;margin-left:0 !important;margin-bottom:0.5em}.button.unpurchase{border-color:#2bcaaa}.button.unpurchase .checkmark{color:#2bcaaa}.button.unpurchase:hover{background-color:#f7f7f8}@media screen and (max-width: 499px){.button.collapse{padding:0;border:none;text-decoration:underline}}.links{overflow:auto}.links li{box-sizing:border-box;float:left;padding-right:40px;padding-bottom:10px}.links li:not(:last-child){position:relative}.links li:not(:last-child):after{content:"•";position:absolute;top:0;right:18px}.alert,.notice{margin:20px;padding:20px}.alert{background-color:#fcc}.notice{background-color:#cfc}.albums{margin-top:4em;margin-right:auto;margin-bottom:0;margin-left:auto;display:grid;grid-column-gap:2em}@media screen and (min-width: 0px){.albums{grid-template-columns:1fr;grid-row-gap:2em}}@media screen and (min-width: 768px){.albums{grid-template-columns:1fr 1fr;grid-row-gap:4em}}@media screen and (min-width: 960px){.albums{grid-template-columns:1fr 1fr 1fr}}.albums+h2{margin-top:4em}.album{display:flex;flex-direction:column;text-decoration:none;color:#1a1414;border:1px solid #ecebe9;background-color:#fff;border-radius:10px;box-shadow:0 0 5px 2px rgba(121,119,119,0.1);transition:all 0.2s ease-in-out}.album:hover{box-shadow:0 0 10px 2px rgba(121,119,119,0.22)}.album-details{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;margin-right:1em;margin-bottom:1em;margin-left:1em}.album .image{width:100%}.album .image img{transition:all 0.33s ease-in-out;border-radius:10px 10px 0 0;width:100%}@media screen and (min-width: 960px){.album:nth-of-type(3n + 2){margin-top:-2em;margin-bottom:2em}}.album .album-name{font-weight:bold;margin-top:0.5em;margin-bottom:0.25em}.album .album-artist{margin-bottom:2em}.album .album-artist a{color:inherit}.album-links{margin-top:1em;margin-bottom:0.5em}.album-purchase{margin-top:2em}.album.unpurchased .album-purchase .purchase,.album.unpurchased .album-purchase .external{animation:fadeIn 0.33s ease-in-out 1 forwards}.album.unpurchased .album-purchase .unpurchase{animation:fadeOut 0.33s ease-in-out 1 forwards;display:none}.album.purchased .album-purchase .purchase{animation:fadeOut 0.33s ease-in-out 1 forwards;display:none}.album.purchased .album-purchase .external{animation:fadeOut 0.33s ease-in-out 1 forwards;display:none}.album.purchased .album-purchase .unpurchase{animation:fadeIn 0.33s ease-in-out 1 forwards}.album.purchased img{filter:grayscale(100%);opacity:0.5}.account h2:not(:first-of-type){margin-top:2em}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}body{font-family:"Rubik", "Helvetica", "Arial", sans-serif;font-size:19px;line-height:1.5}a{color:#a11b9d;font-weight:500;transition:color 0.3s ease-in-out}h1,h2,h3,h4,#error_explanation h2,h5,h6{margin-bottom:1em;font-weight:500;line-height:1.25}h1{font-size:44px}h2{font-size:36px}h3{font-size:28px}h4,#error_explanation h2{font-size:25px}h4,#error_explanation h2{font-size:19px}label{font-weight:500}small,#error_explanation,.links,.button,.actions input[type="submit"],.actions button,.small,#nav{font-size:16px;line-height:1.4}body{font-family:"Rubik", "Helvetica", "Arial", sans-serif;font-size:19px;line-height:1.5}a{color:#a11b9d;font-weight:500;transition:color 0.3s ease-in-out}h1,h2,h3,h4,#error_explanation h2,h5,h6{margin-bottom:1em;font-weight:500;line-height:1.25}h1{font-size:44px}h2{font-size:36px}h3{font-size:28px}h4,#error_explanation h2{font-size:25px}h4,#error_explanation h2{font-size:19px}label{font-weight:500}small,#error_explanation,.links,.button,.actions input[type="submit"],.actions button,.small,#nav{font-size:16px;line-height:1.4}.button,.actions input[type="submit"],.actions button{display:inline-block;-webkit-appearance:none;appearance:none;box-sizing:border-box;border:1px solid #0cf;border-radius:30px;padding:15px 30px;font-weight:500;text-decoration:none;letter-spacing:0.5px;height:auto;background:#0cf;color:white;transition:all 0.3s ease-in-out}.button:hover,.actions input[type="submit"]:hover,.actions button:hover{background-color:#00a3cc}.button+.button,.actions input[type="submit"]+.button,.actions button+.button,.actions .button+input[type="submit"],.actions input[type="submit"]+input[type="submit"],.actions button+input[type="submit"],.actions .button+button,.actions input[type="submit"]+button,.actions button+button{margin-left:10px}.button.primary,.actions input.primary[type="submit"],.actions button.primary{background:#2bcaaa;border-color:#2bcaaa}.button.primary:hover,.actions input.primary[type="submit"]:hover,.actions button.primary:hover{background-color:#22a087}.button.tertiary,.actions input.tertiary[type="submit"],.actions button.tertiary{border-color:#ccc;background:transparent;color:#333333}.button.tertiary:hover,.actions input.tertiary[type="submit"]:hover,.actions button.tertiary:hover{border-color:#0cf}.button.small,.actions input.small[type="submit"],.actions button.small,#nav.button,.actions input#nav[type="submit"],.actions button#nav{padding:8px 16px}.button.very-small,.actions input.very-small[type="submit"],.actions button.very-small{padding:6px 14px}.button.invisible,.actions input.invisible[type="submit"],.actions button.invisible{border:none;background:none;color:inherit}.button.purchase,.actions input.purchase[type="submit"],.actions button.purchase,.button.unpurchase,.actions input.unpurchase[type="submit"],.actions button.unpurchase{position:absolute;bottom:0;left:0;display:block;width:100%;text-align:center;margin-left:0 !important}.button.external,.actions input.external[type="submit"],.actions button.external{display:block;width:100%;text-align:center;margin-left:0 !important;margin-bottom:0.5em}.button.unpurchase,.actions input.unpurchase[type="submit"],.actions button.unpurchase{border-color:#2bcaaa}.button.unpurchase .checkmark,.actions input.unpurchase[type="submit"] .checkmark,.actions button.unpurchase .checkmark{color:#2bcaaa}.button.unpurchase:hover,.actions input.unpurchase[type="submit"]:hover,.actions button.unpurchase:hover{background-color:#f7f7f8}@media screen and (max-width: 499px){.button.collapse,.actions input.collapse[type="submit"],.actions button.collapse{padding:0;border:none;text-decoration:underline}}.links{overflow:auto}.links li{box-sizing:border-box;float:left;padding-right:40px;padding-bottom:10px}.links li:not(:last-child){position:relative}.links li:not(:last-child):after{content:"•";position:absolute;top:0;right:18px}.alert,.notice{margin:20px;padding:20px}.alert{background-color:#fcc}.notice{background-color:#cfc}.albums{margin-top:4em;margin-right:auto;margin-bottom:0;margin-left:auto;display:grid;grid-column-gap:2em}@media screen and (min-width: 0px){.albums{grid-template-columns:1fr;grid-row-gap:2em}}@media screen and (min-width: 768px){.albums{grid-template-columns:1fr 1fr;grid-row-gap:4em}}@media screen and (min-width: 960px){.albums{grid-template-columns:1fr 1fr 1fr}}.albums+h2{margin-top:4em}.album{display:flex;flex-direction:column;text-decoration:none;color:#1a1414;border:1px solid #ecebe9;background-color:#fff;border-radius:10px;box-shadow:0 0 5px 2px rgba(121,119,119,0.1);transition:all 0.2s ease-in-out}.album:hover{box-shadow:0 0 10px 2px rgba(121,119,119,0.22)}.album-details{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;margin-right:1em;margin-bottom:1em;margin-left:1em}.album .image{width:100%}.album .image img{transition:all 0.33s ease-in-out;border-radius:10px 10px 0 0;width:100%}@media screen and (min-width: 960px){.album:nth-of-type(3n + 2){margin-top:-2em;margin-bottom:2em}}.album .album-name{font-weight:bold;margin-top:0.5em;margin-bottom:0.25em}.album .album-artist{margin-bottom:2em}.album .album-artist a{color:inherit}.album-links{margin-top:1em;margin-bottom:0.5em}.album-purchase{margin-top:2em}.album.unpurchased .album-purchase .purchase,.album.unpurchased .album-purchase .external{animation:fadeIn 0.33s ease-in-out 1 forwards}.album.unpurchased .album-purchase .unpurchase{animation:fadeOut 0.33s ease-in-out 1 forwards;display:none}.album.purchased .album-purchase .purchase{animation:fadeOut 0.33s ease-in-out 1 forwards;display:none}.album.purchased .album-purchase .external{animation:fadeOut 0.33s ease-in-out 1 forwards;display:none}.album.purchased .album-purchase .unpurchase{animation:fadeIn 0.33s ease-in-out 1 forwards}.album.purchased img{filter:grayscale(100%);opacity:0.5}.account h2:not(:first-of-type){margin-top:2em}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}body{display:flex;flex-direction:column;min-height:100vh;background-image:linear-gradient(180deg, #eefff0 0%, #fff 50%);background-size:auto 100vh;background-repeat:no-repeat;background-attachment:fixed}@media screen and (max-width: 767px){#nav{width:100%}}#nav a+a{margin-left:20px}#nav a:hover{color:#4a0d48}#nav .button,#nav .actions input[type="submit"],.actions #nav input[type="submit"],#nav .actions button,.actions #nav button{font-size:inherit !important}.wrapper{width:90%;max-width:1200px;margin:0 auto}.fullycentered{display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center;padding-top:200px}.centered{display:flex;flex-direction:column;width:100vw;justify-content:center;align-items:center}.header{margin-bottom:20px}.header h1,.header h2,.header h3,.header h4,.header #error_explanation h2,#error_explanation .header h2,.header h5,.header h6{padding-bottom:10px}#error_explanation{background:#fcc;margin-top:20px;margin-bottom:20px;padding:20px}#error_explanation h2{margin-bottom:0}.header{padding-top:20px;padding-bottom:60px}.header .wrapper{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 767px){.header .wrapper{flex-shrink:0;flex-wrap:wrap;text-align:center}}.header h1{margin:0;line-height:1}@media screen and (max-width: 767px){.header h1{width:100%;margin-bottom:20px}}.header .title{font-size:22.8px;text-decoration:none;color:#1a1414}.header .tagline{display:block;font-size:15.2px;color:#797777}.header p{margin-bottom:0 !important}.content{margin:0 auto;flex:1}.content p{margin:1.5em 0}@media screen and (min-width: 0px){.content{width:90%}}@media screen and (min-width: 1000px){.content{width:50em}}footer{font-size:15.2px;margin-top:6em;padding-bottom:2em;padding-top:2em;background-color:#eeeeee}footer p{margin:0.5em auto}@media screen and (min-width: 0px){footer p{width:90%}}@media screen and (min-width: 1000px){footer p{width:62.5em}}.field{display:flex;align-items:center}.field+.field{margin-top:10px}@media screen and (max-width: 767px){.field{flex-wrap:wrap}}.field label{width:auto}@media screen and (min-width: 768px){.field label{width:35%;margin-right:2%}}@media screen and (min-width: 1000px){.field label{width:25%}}@media screen and (max-width: 767px){.field label:not(.small):not(#nav){display:block;width:100%}}.field label.small,.field label#nav{padding-top:7px}.field input:not([type="checkbox"]),.field textarea,.field select{width:100%}@media screen and (min-width: 768px){.field input:not([type="checkbox"]),.field textarea,.field select{width:50%}}@media screen and (min-width: 1000px){.field input:not([type="checkbox"]),.field textarea,.field select{width:30%}}.form-instruction{display:block;font-size:14px;margin-top:-5px;color:#797777}.form-indented,.actions{margin-top:20px;margin-bottom:20px}@media screen and (min-width: 768px){.form-indented,.actions{margin-left:37%}}@media screen and (min-width: 1000px){.form-indented,.actions{margin-left:27%}}.actions{margin-top:40px}.actions input[type="submit"],.actions button{min-width:200px}input{background:#f7f7f8;border:1px solid #ccc;font-size:19px;padding:10px;height:30px}input:focus{background-color:white}input[type="checkbox"]{margin-top:10px;margin-right:10px}.intro{padding-bottom:30px;border-bottom:2px solid #ecebe9;margin-bottom:40px}.intro p{margin:0.4em auto}@media screen and (min-width: 768px){.intro p{font-size:25.65px;padding-left:40px}.intro p:first-of-type{font-size:39.9px;padding-left:0}}@media screen and (max-width: 767px){.intro p{font-size:22.8px;padding-left:20px}.intro p:first-of-type{font-size:30.4px;line-height:1.4}}body{font-family:"Rubik", "Helvetica", "Arial", sans-serif;font-size:19px;line-height:1.5}a{color:#a11b9d;font-weight:500;transition:color 0.3s ease-in-out}h1,h2,h3,h4,h5,h6{margin-bottom:1em;font-weight:500;line-height:1.25}h1{font-size:44px}h2{font-size:36px}h3{font-size:28px}h4{font-size:25px}h4{font-size:19px}label{font-weight:500}small,.small{font-size:16px;line-height:1.4}
