*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Alegreya Sans SC',sans-serif;font-size:1.2em;overflow-x:hidden;color:rgba(0,0,0,0.54)}a{text-decoration:none;color:rgba(0,0,0,0.2);cursor:pointer}a.active{color:rgba(0,0,0,0.54)}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.center{-ms-flex-item-align:center;align-self:center}.stretch{-ms-flex-item-align:stretch;align-self:stretch}.col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header{position:fixed;height:20vh;top:0;right:0;left:0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;padding-left:1em;padding-right:1em}header .format{font-size:0.8em}header h1{margin:0.5em 0}header li{padding:0.5em}.palettes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.palettes h1{height:20vh;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase}.palette{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:80vh;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-family:'Alegreya Sans SC',sans-serif}.palette .color{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1em;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:-webkit-transform 0.1s ease-out;transition:-webkit-transform 0.1s ease-out;transition:transform 0.1s ease-out;transition:transform 0.1s ease-out,-webkit-transform 0.1s ease-out}.palette .color .rgb{font-size:0.7em}.palette .clicked{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:5px 5px 5px rgba(0,0,0,0.1)}.palette .black-text{color:#333}.palette .white-text{color:#fff}.touch .rgb,.notouch .color:hover .rgb{visibility:visible;opacity:1}.rgb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:flex-end;visibility:hidden;opacity:0;-webkit-transition:opacity 0.1s ease-out;transition:opacity 0.1s ease-out}@media screen and (max-width:800px){body{overflow-y:auto}header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:static;height:auto}.menu{-ms-flex-wrap:wrap;flex-wrap:wrap}.about{padding-top:1em}.palettes h1{height:30vh}.palettes h1 a::after{content:" \25b2"}.palette{height:70vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}.color{width:100%!important}}