*{box-sizing:box}body,html{width:100%;height:100%;background:#ffe9c5}.container{width:80%;margin:0 auto;padding:10px 15px;border:1px solid grey}.intro{text-align:center}.compare{flex-wrap:wrap}.compare,.img{display:flex;align-items:center;justify-content:center}.img{flex-direction:column;margin:10px;padding:20px;background:#f1e3cb;border-radius:3px;transition:background-image .5s}h5{color:orange}.example-palette .img{background:transparent}.palette{display:flex}#codeJS{font-family:Source Code Pro,monospace!important}.download-flex{display:flex;justify-content:center}.download-flex a{border-style:solid;border-width:1px;border-radius:3px;padding:.5rem 1rem;font-weight:400;text-decoration:none;color:inherit;margin:10px}.download-flex a:hover{font-weight:800}