.App{font-size:16px;font-family:Arial}.App h2{margin:1em 0;font-family:Georgia}.App-header h1{font-size:48px;line-height:72px;font-family:Georgia;color:#282c34;padding:0em;margin-bottom:1em;border-bottom:1px solid #282c34}.App-link{color:#61dafb}.App input{margin:0em 1em}.App legend{padding:0em;font-size:1em;}.card-list{margin:0;padding:0}.ccard-li{display:block;list-style-type:none}.ccard{display:block;list-style-type:none;width:170px;padding:10px;background-color:#ddd;border-radius:20px;text-align:center;font-size:20px;margin:1em 0}.ccard-caption{color:#282c34;font-weight:400}.ccard-upper{height:75px;width:150px;border-radius:10px 10px 0 0;display:block;text-align:center;line-height:75px;margin-bottom:0}.ccard-lower{height:75px;width:150px;line-height:75px;border-radius:0 0 10px 10px;display:block;margin-bottom:10px}.screen-reader{position:absolute;text-indent:-1000em;overflow:hidden}.swatch-list{margin:0;padding:0}.swatch-list li{margin:0;padding:0;list-style-type:none}.swatch-card{height:64px;width:64px;border-radius:8px;margin:1em;background-color:#ccc;position:relative}.swatch-colour{height:48px;width:48px;position:absolute;top:8px;left:8px}.swatch-close{width:24px;height:24px;background:#ccc;border-radius:12px;position:absolute;top:-12px;right:-12px;color:#282c34;line-height:24px;display:block;text-align:center}.swatch-close::after{font-size:18px;content:"\2715"}.swatch-card:hover .swatch-close{display:block}.color-btn{display:inline;float:left;background-color:#000}