:root{--primary-color: #34db34;--secondary-color: #2ecc71;--background-color: #ecf0f1;--text-color: #2c3e50}body{font-size:30px;font-family:Grandstander,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--primary-color);height:90vh}#cover{width:300px}#example-text{font-size:max(34px,6vw);font-weight:650;text-align:center;margin-top:15px;margin-bottom:35px}.try-out-text{font-size:max(28px,2vw);margin-bottom:10px}#example-progress{position:fixed;left:0;bottom:0;width:100%;height:1rem}#saturation-slider{accent-color:var(--primary-color)}#palette-container{padding:10px;display:flex;flex-direction:row;gap:20px}.palette-square-container{display:flex;flex-direction:column}.palette-progress{width:24px;height:4px}.palette-contrast-square{display:flex;width:24px;height:24px}.palette-square{margin:auto;width:20px;height:20px;cursor:pointer}.upload-file{background:var(--background-color)}#upload-submit{cursor:pointer;border:2px solid var(--primary-color);color:var(--primary-color);background-color:var(--background-color)}input[type=file]::file-selector-button{cursor:pointer;border:2px solid var(--primary-color);padding:.2em .4em;border-radius:.2em;color:var(--primary-color);background-color:var(--background-color)}