*{margin:0;padding:0;box-sizing:border-box}body{background-color:#090b1a;background-color:var(--Very-dark-blue)}body,button,input{font-family:"Source Sans 3",sans-serif}.App{padding:1rem;margin:0 auto;width:1000px;min-height:100vh;background-color:#1b1938;background-color:var(--Dark-desaturated-blue)}.App h2{text-align:center;color:#fff;color:var(--White);font-family:"Praise",cursive;font-size:4rem;letter-spacing:.3rem;text-shadow:-6px -6px #aa5cdb,-5px -5px #aa5cdb,-4px -4px #aa5cdb,-3px -3px #aa5cdb,-2px -2px #aa5cdb,-1px -1px #aa5cdb,1px 1px #aa5cdb,2px 2px #aa5cdb;text-shadow:-6px -6px var(--Soft-violet),-5px -5px var(--Soft-violet),-4px -4px var(--Soft-violet),-3px -3px var(--Soft-violet),-2px -2px var(--Soft-violet),-1px -1px var(--Soft-violet),1px 1px var(--Soft-violet),2px 2px var(--Soft-violet)}@media screen and (max-width:1024px){.App{width:700px}}@media screen and (max-width:768px){.App{width:425px}}@media screen and (max-width:425px){.App{width:325px}}.Form{padding:1rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;grid-gap:1rem;gap:1rem;margin-bottom:1rem;border:1px solid #fff;box-shadow:3px 3px 0 #fff}.Form input{padding:.5rem;border-radius:.5rem;border:none;background-color:#fff;background-color:var(--White);color:#212121;color:var(--primary-text-color);font-size:1rem;font-weight:500}.Form input:focus{background-color:#e8c2ff}.Form input::-webkit-input-placeholder{color:#757575;color:var(--secondary-text-color)}.Form input:-ms-input-placeholder{color:#757575;color:var(--secondary-text-color)}.Form input::placeholder{color:#757575;color:var(--secondary-text-color)}.Form button{width:100px;padding:.5rem;border-radius:.5rem;font-size:1rem;border:none;cursor:pointer;transition:all .2s;color:#fff;color:var(--White);background-color:#aa5cdb;background-color:var(--Soft-violet)}.Form button:hover{background-color:#591485;box-shadow:3px 3px 0 #fff}@media screen and (max-width:768px){.Form{flex-direction:column}.Form button,.Form input{width:100%}}.artistContainer{width:100%;color:#fff;color:var(--White)}.artistContainer h3{font-size:1.5rem;color:#fff;color:var(--White)}.artistContainer img{max-width:100%;border-radius:.2rem;border:1px solid #aa5cdb;border:1px solid var(--Soft-violet)}.artistContainer p{white-space:pre-wrap}.artistContainer .fas{color:#aa5cdb;color:var(--Soft-violet);margin-right:.5rem}.artistContainer a{text-decoration:none;color:#aa5cdb;color:var(--Soft-violet);display:block}.artistContainer a:hover{text-decoration:underline}.artistContainer a,.artistContainer h3,.artistContainer img,.artistContainer p{margin-bottom:1rem}.lyricsContainer{color:#fff;color:var(--White);width:100%}.lyricsContainer h3{font-size:1.5rem;margin-bottom:1rem}.lyricsContainer p{white-space:pre-wrap}.detailsContainer{width:100%;padding:1rem;display:flex;grid-gap:2rem;gap:2rem}@media screen and (max-width:768px){.detailsContainer{flex-direction:column}}.loaderContainer{text-align:center}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border-color:#aa5cdb transparent;border-style:solid;border-width:32px;animation:lds-hourglass 1.2s infinite}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(5turn)}}:root{--primary-text-color:#212121;--secondary-text-color:#757575;--Very-dark-blue:#090b1a;--Dark-desaturated-blue:#1b1938;--Soft-violet:#aa5cdb;--White:#fff;--Slightly-transparent-white:hsla(0,0%,100%,0.75);--Slightlier-transparent-white:hsla(0,0%,100%,0.6)}.examplesContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.examplesContainer h3{text-transform:uppercase;color:#fff;color:var(--White);font-weight:500;letter-spacing:.5rem;margin-bottom:1rem}.examplesBtn{width:100%;display:flex;justify-content:center;grid-gap:2rem;gap:2rem;margin-bottom:1rem}.examplesContainer button{padding:.5rem;border-radius:.5rem;font-size:1rem;border:none;cursor:pointer;transition:all .2s;color:#fff;color:var(--White);background-color:#aa5cdb;background-color:var(--Soft-violet)}.examplesContainer button:hover{background-color:#591485;box-shadow:3px 3px 0 #fff}@media screen and (max-width:768px){.examplesBtn{flex-direction:column;grid-gap:1rem;gap:1rem}.examplesContainer h3{letter-spacing:.2rem}}
/*# sourceMappingURL=main.5d97689c.chunk.css.map */