@import url(https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);@import url(https://use.typekit.net/pwa7guy.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#000;--secondary-background-color:#0f0f0f;--foreground-color:#fff;--secondary-foreground-color:#d4d4d4;--fade-time:0.3s;--font-family:"Montserrat",sans-serif}h1{font-family:Montserrat,sans-serif;font-family:var(--font-family);font-weight:700}.App{text-align:center}.App,.App-header{font-family:var(----font-family)}.App-header{font-size:30px;font-style:italic;font-weight:700;padding:0}body{background-color:#000;background-color:var(--background-color);color:#fff;color:var(--foreground-color)}.Main,.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.container{width:120vw}.track{display:flex;flex-direction:column;flex-grow:1;font-size:10px;max-width:175px;padding-left:5px;padding-right:5px}.trackImg{border:2px solid #d4d4d4;border:2px solid var(--secondary-foreground-color);border-radius:5px}.artist{display:flex;flex-direction:column;flex-grow:1;font-size:10px;max-width:175px;padding-left:5px;padding-right:5px}.artistImg{border:2px solid #d4d4d4;border:2px solid var(--secondary-foreground-color)}.artistImg,.link{border-radius:5px}.link{background-color:#000;background-color:var(--background-color);color:#fff;color:var(--foreground-color);font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(10px + .5vmin);font-weight:400;padding-bottom:15px;padding-top:15px;text-decoration:none}@media (hover:hover) and (pointer:fine){.link:hover{background-color:#fff;background-color:var(--foreground-color);color:#000;color:var(--background-color)}}.buttons{background:#0f0f0f;background:var(--secondary-background-color);border:2px solid #fff;border:2px solid var(--foreground-color);border-radius:30px;margin-bottom:30px;max-width:75vw;padding:10px}.buttonContainer{display:flex;flex-direction:row;flex-grow:1;flex-wrap:wrap;justify-content:center}.loginButton{background-color:#fff;background-color:var(--foreground-color);border:2px solid #fff;border:2px solid var(--foreground-color);border-radius:15px;color:#0f0f0f;color:var(--secondary-background-color);font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(50px + .5vmin);font-weight:700;padding:20px 50px}@media (hover:hover) and (pointer:fine){.loginButton:hover{background-color:#000;background-color:var(--background-color);border:2px solid #fff;border:2px solid var(--foreground-color);color:#fff;color:var(--foreground-color);cursor:pointer}}.generateButton{background-color:#fff;background-color:var(--foreground-color);border:2px solid #fff;border:2px solid var(--foreground-color);border-radius:15px;color:#0f0f0f;color:var(--secondary-background-color);font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(35px + .5vmin);font-weight:700;margin:10px;padding:10px 20px}@media (hover:hover) and (pointer:fine){.generateButton:hover{background-color:#000;background-color:var(--background-color);border:2px solid #fff;border:2px solid var(--foreground-color);color:#fff;color:var(--foreground-color);cursor:pointer}}.hideButton{background-color:#fff;background-color:var(--foreground-color);border:2px solid #fff;border:2px solid var(--foreground-color);border-radius:15px;color:#0f0f0f;color:var(--secondary-background-color);font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(35px + .5vmin);font-weight:700;margin:10px;padding:10px 20px}@media (hover:hover) and (pointer:fine){.hideButton:hover{background-color:#000;background-color:var(--background-color);border:2px solid #fff;border:2px solid var(--foreground-color);color:#fff;color:var(--foreground-color);cursor:pointer}}.downloadButton{background-color:#fff;background-color:var(--foreground-color);border:2px solid #fff;border:2px solid var(--foreground-color);border-radius:15px;color:#0f0f0f;color:var(--secondary-background-color);font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(20px + .5vmin);font-weight:700;margin:20px 20px 25px;padding:5px 15px}@media (hover:hover) and (pointer:fine){.downloadButton:hover{background-color:#000;background-color:var(--background-color);border:2px solid #fff;border:2px solid var(--foreground-color);color:#fff;color:var(--foreground-color);cursor:pointer}}#imageContainer{flex-direction:row;flex-wrap:wrap;margin-bottom:20px;overflow:hidden;position:relative;transition:.3s ease-in-out}#imageContainer,#imageControls{display:flex;justify-content:center}#imageControls{flex-direction:column}#imageControls h1{font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(20px + .5vmin);font-weight:700}#colourPicker{border-radius:10px;height:27.5vh}.ReactColorPicker-module_hex_value__iYcr2{background-color:#000;background-color:var(--background-color);border:2px solid #fff;border:2px solid var(--foreground-color);border-radius:5px;color:#fff;color:var(--foreground-color);font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(9.5px + .5vmin);font-weight:700;padding:5px}.HueSlider-module_hue_slider__elLB5{overflow:hidden}.HueSlider-module_hue_slider__elLB5,.SaturationValueSelector-module_saturation_value_selector__DwmP7{border:2px solid #fff;border-radius:5px}.ReactColorPicker-module_react_color_picker__8cFXI .ReactColorPicker-module_details__mF5Se .ReactColorPicker-module_swatch__BXxTS{display:none}span{align-self:center;font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(15px + .5vmin);font-weight:700}canvas{max-width:90%;position:relative;width:0}#canvasDisplay{height:80vh}.selection{background-color:#0f0f0f;background-color:var(--secondary-background-color);border:2px solid #fff;border:2px solid var(--foreground-color);border-radius:30px;color:#fff;color:var(--foreground-color);flex-grow:1;font-family:Montserrat,sans-serif;font-family:var(--font-family);font-size:calc(20px + .5vmin);font-weight:700;margin:10px;padding:5px 20px}@media (hover:hover) and (pointer:fine){.selection:hover{background-color:#fff;background-color:var(--foreground-color);color:#0f0f0f;color:var(--secondary-background-color);cursor:pointer}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000;background:var(--background-color)}::-webkit-scrollbar-thumb{background-color:#fff;background-color:var(--foreground-color);border:0 double #fff;border:0 double var(--foreground-color);border-radius:10px}.transition-1s{transition:all 1s ease-in}.transition-0-3s{transition:all .3s ease-in}.transition-0-1s{transition:all .1s ease-in}
/*# sourceMappingURL=main.c783317a.css.map*/