@keyframes hue-rotate{0%{filter:hue-rotate(0)}to{filter:hue-rotate(-360deg)}}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/fonts/open-sans-300.woff2) format("woff2"),url(/fonts/open-sans-300.woff) format("woff");font-display:swap}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/fonts/open-sans-regular.woff2) format("woff2"),url(/fonts/open-sans-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(/fonts/open-sans-600.woff2) format("woff2"),url(/fonts/open-sans-600.woff) format("woff");font-display:swap}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:400;src:local("Inconsolata Regular"),local("Inconsolata-Regular"),url(/fonts/inconsolata-regular.woff2) format("woff2"),url(/fonts/inconsolata-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:700;src:local("Inconsolata Bold"),local("Inconsolata-Bold"),url(/fonts/inconsolata-700.woff2) format("woff2"),url(/fonts/inconsolata-700.woff) format("woff");font-display:swap}#consent{position:fixed;bottom:0;left:0;margin:0;background-color:#eee;border-top:#ddd 1px solid;padding:.5em 1em;width:100%;text-align:center;font-size:.75em;z-index:999;display:flex;justify-content:center;align-items:center}#consent p{margin:0}#consent a,#consent button{font-weight:700}#consent p:first-of-type a{background-color:none;text-decoration:underline}#consent p button{font-size:1.25em;padding:.35em .5em;border:#00f;border-radius:.5em;color:#fff}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/fonts/open-sans-300.woff2) format("woff2"),url(/fonts/open-sans-300.woff) format("woff");font-display:swap}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/fonts/open-sans-regular.woff2) format("woff2"),url(/fonts/open-sans-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(/fonts/open-sans-600.woff2) format("woff2"),url(/fonts/open-sans-600.woff) format("woff");font-display:swap}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:400;src:local("Inconsolata Regular"),local("Inconsolata-Regular"),url(/fonts/inconsolata-regular.woff2) format("woff2"),url(/fonts/inconsolata-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:700;src:local("Inconsolata Bold"),local("Inconsolata-Bold"),url(/fonts/inconsolata-700.woff2) format("woff2"),url(/fonts/inconsolata-700.woff) format("woff");font-display:swap}header>nav img{height:1.45em;width:2.175em;border-radius:.3em;vertical-align:middle}header>nav strong{padding:0 .5em}header>nav strong img{opacity:.6;cursor:pointer}header>nav ul{padding:0;list-style:none}header>nav>ul{margin:1.2em 0 .85em}header>nav>ul>li{display:inline-block}header>nav>ul>li:not(:first-child):not(:nth-child(2)):before{content:"●";padding:0 .5em;color:#888}header>nav>ul>li:nth-child(2){margin-left:.5em}#information p a,header>nav>ul>li>a,strong{font-weight:400}header>nav nav{transition:background-color .2s ease-out;border-top-left-radius:.5em;border-top-right-radius:.5em}form>div.show,h2 button:hover,h3 button:hover,header>nav nav.open strong img,header>nav nav.open ul{opacity:1}header>nav nav ul{transform:translateY(-1000%);z-index:100;position:absolute;display:table;line-height:1em;opacity:0;border-top-right-radius:.5em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;padding:.5em .5em 0 0}header>nav nav ul li{float:left;margin:0 0 .5em .5em}body>header>nav>ul nav a,header>nav nav ul li a{border-radius:.3em}header>nav nav ul li:nth-of-type(4n+1){clear:left}header nav nav ul,header strong img{transition:opacity .2s ease-out}*{box-sizing:border-box}button::-moz-focus-inner{border:0}html{height:100%}body{line-height:1.75em;margin:0;padding:0;cursor:default;text-align:center;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,button,input[type=submit]{font-family:"Open Sans",Roboto,Ubuntu,Tahoma,Geneva,sans-serif}body>header{margin-top:4.1em}body>header figure{margin:0 auto .35em}body>header figure img{animation:hue-rotate 6s linear infinite}body>header>p{min-height:1em;margin:0}body>header>p svg{height:1.15em;max-width:2em;margin:0 .35em;display:inline;vertical-align:middle}body>header>p small{font-weight:600}body>header form{padding-right:.2em;margin:0 auto}body>header form>p{display:flex;margin:0;white-space:nowrap;border-radius:.5em}body>header form>p input{font-size:1em;padding:.35em .5em}body>header form input[type=search]{border-top-left-radius:.5em;border-bottom-left-radius:.5em;flex-grow:1}body>header form input[type=submit]{padding:.3em .5em;color:#fff;border-top-right-radius:.5em;border-bottom-right-radius:.5em}body>header form>div{box-shadow:0 .2em .5em 0 #333;z-index:100}a{color:inherit;outline:0;text-decoration:none}a img{border:0}body,h1,h2,h3{font-weight:300}input:focus{outline-width:0}#bg svg,footer img,footer svg{height:2.5em}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/fonts/open-sans-300.woff2) format("woff2"),url(/fonts/open-sans-300.woff) format("woff");font-display:swap}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/fonts/open-sans-regular.woff2) format("woff2"),url(/fonts/open-sans-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(/fonts/open-sans-600.woff2) format("woff2"),url(/fonts/open-sans-600.woff) format("woff");font-display:swap}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:400;src:local("Inconsolata Regular"),local("Inconsolata-Regular"),url(/fonts/inconsolata-regular.woff2) format("woff2"),url(/fonts/inconsolata-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:700;src:local("Inconsolata Bold"),local("Inconsolata-Bold"),url(/fonts/inconsolata-700.woff2) format("woff2"),url(/fonts/inconsolata-700.woff) format("woff");font-display:swap}input[type=search]::-webkit-search-cancel-button{width:.75em;height:.75em;background:url(/close.svg) no-repeat right center;-webkit-appearance:none}form div input,input[type=search]{font-family:Inconsolata,"Source Code Pro","Courier New",Courier monospace}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:rgba(255,255,255,.85);border:rgba(160,160,160,.7) .35em solid;height:1.65em;width:1.65em;border-radius:50%}input[type=range]::-moz-range-thumb{background-color:rgba(255,255,255,.85);border:rgba(160,160,160,.7) .35em solid;height:1em;width:1em;border-radius:50%}input[type=range]{font-size:.75em;-webkit-appearance:none;-moz-apperance:none;height:2em}input[type=range]::-moz-range-track{background-color:transparent}header canvas{cursor:crosshair}form>div{transition:opacity .2s ease-out;position:absolute;width:30%;padding:.25em;opacity:0;border-radius:.5em;background:linear-gradient(transparent,rgba(255,255,255,.8) 10%);background-color:rgba(255,255,255,.8)}form>div div{margin-bottom:.2em;line-height:0}form>div div:first-of-type ul{display:table;width:100%;margin:.1em 0 0;padding:0}form>div div:first-of-type ul li{display:table-row;margin:0}form>div div:first-of-type ul li p{display:table-cell;width:auto;padding-top:.25em;vertical-align:middle}form>div div:first-of-type ul li p:first-of-type{padding-right:.4em}form>div div:first-of-type ul li p:last-of-type{width:100%}form>div div:first-of-type svg{height:1.3em;width:1.3em}form>div div:first-of-type input{border-radius:.5em;width:100%;margin:0;padding:0 .25em;border:0}form>div p{display:table;font-size:.8em;line-height:1em;margin:0;width:100%}form div:last-of-type p{font-family:Inconsolata,"Source Code Pro","Courier New",Courier monospace}form>div div:last-of-type{overflow-y:hidden;text-align:center;vertical-align:middle;padding-bottom:.5em}form>div div:last-of-type ul{color:#333;display:table;text-align:left;margin:0 auto;padding:0;list-style:none}form>div div:last-of-type ul li{display:table-row}form>div div:last-of-type ul h3{font-size:.8em;text-align:right;padding:.2em 1em .2em .2em;display:table-cell;vertical-align:middle;width:auto}form>div div:last-of-type ul h3:after{content:":"}form>div div:last-of-type ul p{text-align:left;padding:.2em;display:table-cell;vertical-align:middle;width:auto}form>div div:last-of-type ul input{width:5.35em;border:#ccc 1px solid;text-align:right;border-radius:.2em;padding:.2em 0 .25em}form>div p button{padding:.3em 0 .4em;display:table-cell;text-decoration:none;width:50%;border-radius:.5em}form>div p button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}form>div p button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}button.active{color:#fff;cursor:default}body{font-size:1.125em}body>header figure,body>header form{width:35%;min-width:550px}body>header>nav>ul{font-size:.85em}body>header>nav>ul nav a img{transition:transform .3s ease-out}body>header>nav>ul nav a:hover img{transform:scale(1.2)}section{width:70%;margin:2.5em auto 0}footer p{margin:5em 0 .5em}@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/fonts/open-sans-300.woff2) format("woff2"),url(/fonts/open-sans-300.woff) format("woff");font-display:swap}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/fonts/open-sans-regular.woff2) format("woff2"),url(/fonts/open-sans-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(/fonts/open-sans-600.woff2) format("woff2"),url(/fonts/open-sans-600.woff) format("woff");font-display:swap}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:400;src:local("Inconsolata Regular"),local("Inconsolata-Regular"),url(/fonts/inconsolata-regular.woff2) format("woff2"),url(/fonts/inconsolata-regular.woff) format("woff");font-display:swap}@font-face{font-family:"Inconsolata";font-style:normal;font-weight:700;src:local("Inconsolata Bold"),local("Inconsolata-Bold"),url(/fonts/inconsolata-700.woff2) format("woff2"),url(/fonts/inconsolata-700.woff) format("woff");font-display:swap}input{-webkit-appearance:none}button,input[type=submit]{cursor:pointer}button,input{margin:0;border-radius:0;border:0;outline:0}#consent p:first-of-type{line-height:1.5em}#consent p:last-of-type{padding-left:.5em}aside{transition:transform .35s ease-out,box-shadow .35s ease-out;transform:translateX(100%);position:fixed;top:0;right:0;height:100vh;background-color:#ccc;display:inline-block;width:auto;color:#fff;opacity:.9;font-size:.9em;z-index:10}aside ol{margin:5em 0 0;padding:0;list-style:none}aside a,body>section{display:inline-block;text-align:left}aside a{font-size:1em;width:100%;padding:.1em .55em;text-transform:uppercase;font-weight:400}body>section{float:none;clear:both;padding-top:0}body>section li>a{font-size:.8em;line-height:1.5em;color:#000}section p>button{padding:.25em .4em;text-decoration:underline;font-size:inherit;font-weight:400;background-color:transparent;border-radius:.5em}section p>button.active{cursor:default;text-decoration:none;color:#fff}section h1{padding-top:.65em;margin:0;text-align:center;line-height:1.25em}body>section h1+p:first-of-type{margin-top:1em}#information p:first-of-type img{float:left;height:6em;margin:.5em .75em 0 0}#information p.ad{margin:1.5em 0 0;text-align:center;clear:both}#information p.ad img{height:1.25em;vertical-align:middle;margin-right:.2em}#information p.ad a{color:#fff;padding:.3em .5em .45em;border-radius:.35em}#information article{font-size:.8em;margin-top:1.25em;padding:0 .65em .2em;background-color:#eee;border-radius:.5em}#information article h2{font-size:1em;display:inline}#information article>p{margin:0}#information article ul{margin:0;padding-left:1.25em}#information article ul li p{font-weight:600;margin:0}#composition h2,#named h2,#paints ol h3,header a,section h1,section>dl,section>h2,section>h3,section>p{transition:color .35s ease-out}#directory h2 a,body,section>p>button{transition:color .35s ease-out,background-color .35s ease-out}footer svg path:first-of-type{transition:fill .35s ease-out}#color-spaces dd,#color-spaces dt,#directory figure{transition:border-color .35s ease-out}body.dark{background-color:#000}body.dark header a{color:#fff;border-color:#555}body.dark footer svg path:first-of-type{fill:#fff}body.dark #color-spaces dd,body.dark #color-spaces dt,body.dark #directory figure{border-color:#555}body.dark #directory h2 a{background-color:#555;color:#fff}body.dark #composition h2,body.dark #named h2,body.dark #paints ol h3,body.dark section h1,body.dark section>dl,body.dark section>h2,body.dark section>h3,body.dark section>p,body.dark section>p>button{color:#fff}#bg,#menu,#top{display:inline-block;position:fixed;height:3.5em;width:3.5em;border-radius:50%;font-size:.8em;z-index:100}#bg,#menu{top:1em;opacity:.8}#menu,#top{right:1em;padding:1em}#menu img,#top{transition:opacity .2s ease-out}#top{bottom:1em;opacity:0}#bg{left:1em;padding:.5em}#bg path{transition:fill .2s ease-out}#random button{font-size:1em;padding:0;background-color:transparent}#random h1{margin-bottom:.65em}#random h1 svg{transition:transform .35s ease-out;height:.75em;width:.75em;vertical-align:middle}#examples code{transition:opacity .15s ease-out}#color-blindness a{text-align:center}#color-blindness a,#named a{display:block;width:100%;padding:.5em}#random>ul a,#schemes li a,#variations a{display:block;width:100%;padding:.5em;text-align:center}#variations ul{width:100%;margin:1.35em 0 0;padding:0;list-style:none;display:flex;flex-direction:column;flex-flow:row wrap}#variations ul li{display:flex;flex:1 1 33.33%}#variations ul li a{flex:1;display:flex;justify-content:center;flex-direction:column}#variations ul li:first-child a{border-top-left-radius:.5em}#variations ul li:nth-child(3) a{border-top-right-radius:.5em}#variations ul li:nth-child(7) a{border-bottom-left-radius:.5em}#variations ul li:nth-child(9) a{border-bottom-right-radius:.5em}#examples>p,#schemes>p{margin:1em 0;text-align:center}#color-spaces dd>strong,#examples p a,#schemes p a,header div p a{border-radius:.5em}#color-spaces a,#color-spaces strong,body>section li>a,pre code{font-family:Inconsolata,"Source Code Pro","Courier New",Courier monospace}pre code{font-size:.9em;white-space:normal}#named h2{font-size:1.25em;text-align:center}#named ul>li:nth-of-type(even) ol{margin:0 1px}#named ol{margin:0;padding:0;list-style:none}#named ol>li{margin:1px 0}#named ol>li:first-child{margin-top:0}#named ol>li:last-child{margin-bottom:0}#named a{text-align:left}#paints ol ol li:first-of-type{border-left:none}#named ul>li:first-of-type li:first-of-type a,#paints ol ol li:first-of-type a,#schemes ul:first-of-type li:first-of-type h2{border-top-left-radius:.5em}#paints ol ol li:last-of-type a{border-top-right-radius:.5em}#paints ol ol li:first-of-type strong{border-bottom-left-radius:.5em}#paints ol ol li:last-of-type strong{border-bottom-right-radius:.5em}#paints ol ol a,#paints strong,#paints ul li{display:block;padding:.25em .5em}#paints strong{font-size:.8em;font-weight:300;line-height:1.25em;text-align:center;color:#333}#paints ol,#paints ul{padding:0;list-style:none}#paints h3 a,#paints ul a{border-bottom:transparent 1px solid}#paints ul li{margin:0 0 1px}#paints ul li:first-child{border-top-left-radius:.5em;border-top-right-radius:.5em}#paints ul li:last-child{margin-bottom:0;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}#paints h2{font-size:1.35em}#paints h3{line-height:1.25em;margin:0}#paints p{margin:0;font-weight:400;font-size:.8em}#paints>ol{margin:1em 0}#paints>ol li{margin:1em 0;border-left:transparent 1px solid}#paints>ol h3{font-size:1em;margin:0 0 .45em}#paints>ol ol{display:table;width:100%;border-collapse:separate;border-radius:.5em;border-top-left-radius:0}#paints>ol ol li{display:table-cell;width:50%}#examples blockquote p{margin:0}#directory h2,#paints h3{font-size:1em}#directory h2 a{display:block;width:100%;background-color:#eee;padding:0 .5em .2em;border-bottom-left-radius:.25em;border-bottom-right-radius:.25em}#directory figure{line-height:0;padding:.35em;border:#eee 1px solid;border-top-left-radius:.25em;border-top-right-radius:.25em;background-color:#fff}#directory figure img{width:100%;object-fit:contain}#color-blindness ul,#directory ul{width:100%;padding:0;list-style:none}#directory ul{text-align:center}#color-blindness h2{font-size:1.35em}#color-blindness ul{display:flex;flex-direction:column;flex-flow:row wrap;margin:0}#color-blindness ul li{display:flex;flex:1;margin:0;text-align:center}#color-blindness ul li a{flex:1;display:flex;justify-content:center}#color-blindness ul li:first-child a{border-top-left-radius:.5em;border-bottom-left-radius:.5em}#color-blindness ul li:last-child a{border-top-right-radius:.5em;border-bottom-right-radius:.5em}#color-spaces dl{display:block;width:100%;margin:1.5em 0;padding:0}#color-spaces dd,#color-spaces dt{float:left;width:50%;margin:0;font-size:.85em;border-top:transparent 1px solid;padding:.25em 0}#color-spaces dd:first-of-type,#color-spaces dt:first-of-type{border-top:none}#color-spaces dt{clear:left;font-weight:400}#color-spaces dt:after{content:":"}#color-spaces a{color:inherit;padding:.3em 0 .3em .5em;border-radius:.5em}#color-spaces strong{font-weight:300;padding:.3em .5em}#color-spaces a>strong{padding-left:.5em;border-top-right-radius:.5em;border-bottom-right-radius:.5em}#composition li h2{font-size:1.35em;margin:.5em 0 1em}#composition ul{display:table;margin:0}#composition ul li{padding:0 .5em;text-align:center}#composition ul li img{width:80%}pre code strong{font-weight:700}#examples pre{margin:0;padding:.3em .85em;border-left:#ddd 1em solid;background-color:#eee;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}#examples blockquote{font-family:"Droid Serif","Times New Roman",Times,serif;background-color:#f9f9f9;margin:0;padding:1em 3em;border-top-left-radius:.5em;border-top-right-radius:.5em}#examples blockquote:before{display:block;color:#bbb;content:"“";font-size:2em;position:relative;top:.35em;line-height:0;left:-.65em}#examples blockquote footer{font-size:.8em}#examples blockquote footer:before{content:"―"}#stock-images ol,#stock-images p{text-align:center}#stock-images img{object-fit:contain;border-radius:.5em;max-width:100%}#composition ul,#stock-images ol{width:100%;padding:0;list-style:none}#stock-images ol{margin:1em 0 0}.adsbygoogle{margin-top:2.5em}#directory img,#named ul,section>section{width:100%}#random li a,#schemes ol a,#schemes ul ul a{transition:background-color .2s ease-out,color .2s ease-out,transform .2s ease-out}#named ul{display:table;margin:0;padding:0}#composition ul li,#named ul>li{display:table-cell;width:33.33%}#named ul>li:first-of-type li:last-of-type a{border-bottom-left-radius:.5em}#named ul>li:last-of-type li:first-of-type a,#schemes ul:first-of-type li:last-of-type h2{border-top-right-radius:.5em}#named ul>li:last-of-type li:last-of-type a{border-bottom-right-radius:.5em}body.dark #schemes p:first-of-type a{background-color:#fff;box-shadow:0 0 .1em .1em #fff}#random>ul,#schemes>ol{display:table;width:100%;margin:0;padding:0;list-style:none}#random>ul li,#schemes>ol li{display:table-cell;width:10%;margin:0}#random>ul li:first-child a,#schemes>ol li:first-child a{border-top-left-radius:.5em;border-bottom-left-radius:.5em}#random>ul li:last-child a,#schemes>ol li:last-child a{border-top-right-radius:.5em;border-bottom-right-radius:.5em}#schemes p:first-of-type{font-size:.8em}#schemes p:first-of-type a{transition:background-color .2s ease-out,box-shadow .2s ease-out;border-radius:.5em;display:inline-block;padding:.1em .35em;height:2.45em}#schemes p:first-of-type img{height:1.55em;vertical-align:middle}#schemes ul:first-of-type{padding:0;list-style:none}#schemes ul:first-of-type h2{font-size:.8em;line-height:1.25em;margin:0;padding:.45em .5em;text-align:center}#schemes ul:first-of-type li:first-of-type li:last-of-type a,#schemes ul:first-of-type li:nth-of-type(2) li:last-of-type a,#schemes ul:first-of-type li:nth-of-type(5) li:last-of-type a{border-bottom-left-radius:.5em}#schemes ul:first-of-type li:last-of-type li:last-of-type a{border-bottom-right-radius:.5em}#schemes ul:first-of-type ul{margin:0}#schemes ul:first-of-type ul li{margin:.2em 0}#schemes ul:first-of-type ul li:last-child{margin-bottom:0}#schemes ul:first-of-type a:hover{border-radius:.5em;transform:scale(1.25)}#schemes ul.active a:not(:hover){opacity:0}#schemes>ul:first-of-type{display:table;width:100%;margin:0;border-spacing:.2em;border-collapse:separate;border-radius:.5em}#schemes>ul:first-of-type>li{display:table-cell;width:10%}#schemes>h2:last-of-type{margin-bottom:.5em}#schemes>h3{font-size:1em;font-weight:300}#schemes>h3:first-of-type{margin-top:0}#schemes>h3:last-of-type{display:inline-block;float:none}#directory figure,#directory h2{max-width:15vw;margin:0 auto}#directory ul{flex-wrap:wrap}#directory ul li{margin:1em 0;width:33.33%}#copy,#copyInput{position:absolute;top:0;left:-9999px}#copy,h2 button,h3 button{padding:.35em;border-radius:.35em;line-height:0;cursor:copy}#copy svg,h3 button svg{width:.8em}#copy{z-index:100}h2 button svg{width:1em}h2 button,h3 button{transition:opacity .2s ease-out;opacity:.5;margin-left:.75em}h2 button svg path,h3 button svg path{fill:#fff}#stock-images img{width:100%;max-height:14vw}#stock-images ol{display:flex;flex-wrap:wrap}#directory ul,#stock-images ol li{display:flex;align-items:center;justify-content:center}#stock-images ol li{flex:1;padding:.1em}