body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-repeat:no-repeat;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--controls-bg:#f5feff}.App{height:150%;margin:0 auto;padding:2rem 0;width:clamp(340px,80%,900px)}#footer{align-items:center;color:#fff;display:flex;font-size:1.1rem;gap:1rem;mix-blend-mode:exclusion;overflow:hidden;text-align:left;vertical-align:middle;z-index:1}.socials-link{color:#fff;text-decoration:none}main{background-color:#e6e6e6;border:1px solid;border-radius:1rem;box-shadow:2px 2px 2px 1px grey;display:flex;gap:2rem;margin:1rem auto;padding:0 1rem 1rem}h1{color:#000;font-size:3rem;margin:0 0 2rem;mix-blend-mode:multiply,luminosity;text-align:center}h2{margin:0}h3{margin:.5rem 0}button{cursor:pointer}button:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.section{padding:.75rem}.subsection{padding:.5rem}#controls{display:flex;flex-direction:column;width:40%}#controls-functions{background-color:#f5feff;background-color:var(--controls-bg);border:1px solid;border-radius:1rem;margin:1rem 0}#wheels{display:flex;justify-content:space-around;margin:0 auto;width:90%}.wheel{-webkit-user-drag:none;background-color:transparent;cursor:pointer;height:90px;width:90px;z-index:3}#wheel-section{align-items:center;display:flex;flex-direction:column}#speed-input{cursor:pointer;display:block;margin:0 auto}#colours-header{margin-bottom:0}#colour-picker,#colours-section{display:flex;flex-direction:column}#colours-section{gap:.75rem;position:relative}#pallet{background-color:#f5feff;background-color:var(--controls-bg);border:1px solid #000;border-left:none;border-radius:0 .5rem .5rem 0;bottom:-1px;left:100%;padding:1rem;position:absolute;z-index:2}#pallet-btns{display:flex;gap:1rem;justify-content:center;padding:.5rem;width:100%}.pallet-btn{border:1px solid #000;border-radius:.5rem;margin:.1rem;width:4rem}.colours-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);list-style-type:none;margin:0;padding:0 1rem}.colour-square{border:1px solid #000;border-radius:.25em;cursor:pointer;height:2rem;width:100%}.colour-square:hover{box-shadow:1px 1px 1px #000}#add-colour-btn{margin:0 auto;width:4rem}#api-btns{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:.5em auto;max-width:25rem;width:100%}#output-half{width:60%}#output-area{background-color:#fff;border:1px solid;flex-grow:1;font-size:small;margin:1rem 0;padding:1rem;text-align:left}.indent{margin-left:20px}.error-text{color:red;font-size:small}#reset-span{display:flex}button:focus{outline:1px dashed -webkit-focus-ring-color}#reset-btn{background-color:#db0000;border:1px solid #000;border-radius:.5rem;color:#fff;margin:0 1rem;padding:0 1rem}.btn-1{padding:.5em;text-align:center}.btn-api{border:1px solid;border-radius:.5rem;font-size:.9rem;height:2.5rem;max-width:10rem;min-width:5rem}div:focus{outline:5px auto -webkit-focus-ring-color}#gist-btn{background-color:#494949;color:#fff}#copy-btn{background-color:#b0daff;position:relative}#small{font-size:small;position:absolute}.icon{vertical-align:middle;width:auto}.svg-inline--fa{height:1.5rem}#coffee-btn{height:40px!important;width:142px!important}#coffee-btn:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}#window-section{display:none}#window{border:1px solid;border-radius:1rem;height:6rem;margin:1rem auto;width:80%}.visually-hidden{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}@media screen and (max-width:850px){main{flex-direction:column;gap:0}#controls,#output-half{width:100%}h1{font-size:2rem}h2{font-size:1.25rem}#footer{justify-content:center}.section{padding:.75rem 0}#pallet{background-color:#f5feff;background-color:var(--controls-bg);border:1px solid #000;border-radius:.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;padding:1rem;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#window-section{display:block}.btn-api{margin:.5rem}#api-btns{width:90%}#small{display:none}}
/*# sourceMappingURL=main.08cc0d4b.css.map*/