.colourPaletteGenerator{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:64px;background-color:var(--background);min-height:100vh;width:85vw;min-width:85vw;max-width:85vw;margin:0 auto;overflow-x:hidden;overflow-y:visible}@media screen and (max-width:425px){.colourPaletteGenerator{width:90vw;min-width:90vw;max-width:90vw}}.colourPaletteGenerator h1{font-size:1.5rem;font-weight:600;margin-bottom:16px;text-align:center;white-space:nowrap}.colourPaletteGenerator .infoContainer{width:80vw;margin-top:48px;margin-bottom:-48px}@media screen and (max-width:768px){.colourPaletteGenerator .infoContainer{margin-top:24px}}.colourPaletteGenerator .infoContainer h1{font-size:3rem;font-weight:700;margin-bottom:24px;text-align:center;line-height:3.5rem}.colourPaletteGenerator .infoContainer h1 span{background:linear-gradient(201deg,#f660a8 -14.35%,#6919ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.colourPaletteGenerator .infoContainer p{font-size:1rem;font-weight:400;margin-bottom:16px;text-align:left;line-height:1.25}@media screen and (max-width:768px){.colourPaletteGenerator .infoContainer p{text-align:center}}.colourPaletteGenerator .infoContainer p span{font-weight:700}.colourPaletteGenerator .colours{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;position:relative;margin-top:-32px;overflow-y:visible}@media screen and (max-width:768px){.colourPaletteGenerator .colours{flex-direction:column;gap:24px}}