@font-face{font-family:"Monoton";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/monoton/v10/5h1aiZUrOngCibe4TkHLQka4BU4.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:"Raleway";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrcVIT9d0c8.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:"Raleway";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}*{box-sizing:border-box}body,html{height:100%}body{background:linear-gradient(120deg,#1db954,#191414);display:flex;flex-direction:column;align-items:center;margin:0;background-repeat:no-repeat;background-attachment:fixed}#root{width:100%}a,button{cursor:pointer}button{border-radius:30px;font-size:1rem;font-weight:100;font-family:"Raleway";color:#fff;background-color:#1db954;height:2.5rem;border-style:hidden;align-self:center}.navbar{background-color:#191414;width:100%;position:absolute;top:0;left:0;height:3rem;display:flex;justify-content:space-around}.nav-button{width:15%;height:1.5rem;color:#191414;border-radius:30px;font-size:1rem;font-weight:100;font-family:"Raleway";background-color:#1db954;border-style:hidden;align-self:center;cursor:pointer;text-align:center;text-decoration:none;font-size:1.25rem}.nav-button:hover{background-color:#a9a9a9;color:#191414}header{display:flex;justify-content:center;margin-bottom:2rem;padding-top:3rem}#logo{color:#000}h1{font-family:"Raleway";color:#191414;font-size:3.5rem;margin:0;text-align:center}span{color:#a9a9a9}h2{font-family:"Raleway"}.white{color:grey}ul{padding-left:0;text-align:center}li{font-weight:600;font-size:1rem;list-style-type:none;padding-bottom:1rem}.mobile-title,li{font-family:"Raleway"}.mobile-title{color:#191414;font-size:3.5rem;margin:0;text-align:center;display:none}@media only screen and (max-width:770px){h1{display:none}.mobile-title{display:inline}}.main{display:grid;width:95%;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(19,1fr);justify-content:center;margin:0 auto}.fas,section>button,section>img{width:100%}.fas{font-size:3rem}#blondie,#marvin{grid-area:1/1/span 5/span 5;z-index:9}#blondie{display:none}#miles{grid-area:1/15/span 5/span 5;z-index:9}#floyd{grid-area:2/5/span 3/span 3;z-index:8}#beck{grid-area:2/13/span 3/span 3;z-index:9}#mobileImage{width:85%;margin-bottom:2rem;display:none}.icon__track-back{grid-area:3/8/span 1/span 1;color:#fff;justify-self:right;font-size:3rem}.icon__question{grid-area:3/10/span 1/span 1;color:#fff;justify-self:center;font-size:3rem}.icon__track-forward{grid-area:3/12/span 1/span 1;color:#fff;justify-self:left;font-size:3rem}.play{grid-area:6/8/span 1/span 5;text-align:center}.play-button{background-color:#191414;color:#fff;border-radius:30px;font-family:"Raleway";text-decoration:none;font-size:1.25rem;font-weight:100;text-align:center;padding:0 25%}.play-button:hover{background-color:#a9a9a9;color:#191414;cursor:pointer}@media only screen and (max-width:480px){.nav-button{width:20%;height:1.5rem}header{margin-bottom:.75rem}.main{display:grid;width:90%;grid-template-rows:repeat(8,14vw);grid-template-columns:repeat(5,14vw);justify-content:center}#mobile-image{display:block;margin-bottom:.75rem}#beck,#miles{display:none}#marvin{grid-area:2/1/span 5/span 5;z-index:9}#floyd{grid-area:1/2/span 3/span 3;z-index:1}#icon__track-back{grid-area:8/2/span 1/span 1;align-self:end}#icon__question{grid-area:8/3/span 1/span 1;align-self:end}#icon__track-forward{grid-area:8/4/span 1/span 1;align-self:end}#fas{font-size:2rem}#play{grid-area:9/2/span 1/span 3;align-self:end;margin-top:4vw}}.play-screen{display:block}.artist-display{display:flex;flex-direction:column;align-items:center;width:100%;height:40}label{font-family:"Raleway";font-size:1.5rem;font-weight:600;text-align:center}.start-button{margin-top:2rem;height:2rem;width:7rem;background-color:#191414;color:#fff}.start-button:hover{background-color:#a9a9a9;color:#191414}.artist{width:20%;text-align:center}.play-grid{width:100%;display:flex;justify-content:space-around}.image-display{width:100%;height:auto;box-shadow:5px 5px 5px #191414}form{display:none;text-align:center}.rel-img{display:block;margin-left:auto;margin-right:auto;z-index:0;border:2px solid grey}.rel-artist-list-render,.rel-img{width:30%}.info-text{background-color:#191414;color:#fff;width:90%;height:auto;margin-left:auto;margin-right:auto}.text{padding:1.75rem;font-size:1.5rem;font-family:"Raleway";font-weight:100;text-align:center}.display{display:block}.display-none{display:none}@media only screen and (max-width:480px){#text{padding:1.5rem;font-size:1rem;font-family:"Raleway";font-weight:100;text-align:center}.nav-button{font-size:1rem;line-height:1.5}.play-button{padding:0 10%}.play-grid{margin-top:5%;justify-content:space-evenly}.artist{width:30%}}
/*# sourceMappingURL=main.cb6a97c7.chunk.css.map */