style.css

@font-face{font-family:'Indie Flower';font-style:normal;font-weight:400;src:local("Indie Flower"),local("IndieFlower"),url(https://fonts.gstatic.com/s/indieflower/v7/10JVD_humAd5zP2yrFqw6hampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000}a.press{display:inline-block}.press{box-sizing:border-box;background-color:var(--p);border:2px solid var(--p);color:var(--c);cursor:pointer;font-size:1em;margin:0;padding:0.5em 0.75em;text-decoration:none;transition:background 0.15s linear}.press-red{--p:#F44336;--c:#000}.press-red:hover:not(:disabled){background-color:#f55a4e}.press-red:active:not(:disabled){background-color:#ea1c0d}.press-pink{--p:#E91E63;--c:#FFF}.press-pink:hover:not(:disabled){background-color:#eb3573}.press-pink:active:not(:disabled){background-color:#c1134e}.press-purple{--p:#9C27B0;--c:#FFF}.press-purple:hover:not(:disabled){background-color:#af2cc5}.press-purple:active:not(:disabled){background-color:#771e86}.press-deeppurple{--p:#673AB7;--c:#FFF}.press-deeppurple:hover:not(:disabled){background-color:#7446c4}.press-deeppurple:active:not(:disabled){background-color:#512e90}.press-indigo{--p:#3F51B5;--c:#FFF}.press-indigo:hover:not(:disabled){background-color:#4d5ec1}.press-indigo:active:not(:disabled){background-color:#32408f}.press-blue{--p:#2196F3;--c:#000}.press-blue:hover:not(:disabled){background-color:#39a1f4}.press-blue:active:not(:disabled){background-color:#0c7cd5}.press-lightblue{--p:#03A9F4;--c:#000}.press-lightblue:hover:not(:disabled){background-color:#14b4fc}.press-lightblue:active:not(:disabled){background-color:#0286c2}.press-cyan{--p:#00BCD4;--c:#000}.press-cyan:hover:not(:disabled){background-color:#00d3ee}.press-cyan:active:not(:disabled){background-color:#008fa1}.press-teal{--p:#009688;--c:#FFF}.press-teal:hover:not(:disabled){background-color:#00b09f}.press-teal:active:not(:disabled){background-color:#00635a}.press-green{--p:#4CAF50;--c:#000}.press-green:hover:not(:disabled){background-color:#5cb860}.press-green:active:not(:disabled){background-color:#3d8b40}.press-lightgreen{--p:#BBC34A;--c:#000}.press-lightgreen:hover:not(:disabled){background-color:#c2c95d}.press-lightgreen:active:not(:disabled){background-color:#9ca436}.press-lime{--p:#CDDC39;--c:#000}.press-lime:hover:not(:disabled){background-color:#d2e04f}.press-lime:active:not(:disabled){background-color:#b2c022}.press-yellow{--p:#FFEB3B;--c:#000}.press-yellow:hover:not(:disabled){background-color:#fe5}.press-yellow:active:not(:disabled){background-color:#ffe608}.press-amber{--p:#FFC107;--c:#000}.press-amber:hover:not(:disabled){background-color:#ffc721}.press-amber:active:not(:disabled){background-color:#d39e00}.press-orange{--p:#FF9800;--c:#000}.press-orange:hover:not(:disabled){background-color:#ffa21a}.press-orange:active:not(:disabled){background-color:#cc7a00}.press-deeporange{--p:#FF5722;--c:#000}.press-deeporange:hover:not(:disabled){background-color:#ff6a3c}.press-deeporange:active:not(:disabled){background-color:#ee3900}.press-brown{--p:#795548;--c:#FFF}.press-brown:hover:not(:disabled){background-color:#896052}.press-brown:active:not(:disabled){background-color:#593f35}.press-grey{--p:#9E9E9E;--c:#000}.press-grey:hover:not(:disabled){background-color:#ababab}.press-grey:active:not(:disabled){background-color:#858585}.press-bluegrey{--p:#607D8B;--c:#FFF}.press-bluegrey:hover:not(:disabled){background-color:#6b8a99}.press-bluegrey:active:not(:disabled){background-color:#4b626d}.press-black{--p:#000;--c:#FFF}.press-black:hover:not(:disabled){background-color:#0d0d0d}.press-black:active:not(:disabled){background-color:#000}.press-white{--p:#fff;--c:#000}.press-white:hover:not(:disabled){background-color:#fff}.press-white:active:not(:disabled){background-color:#e6e6e6}.press-pill{border-radius:20px / 50%}.press-round{border-radius:8px}.press-circle{border-radius:50%;height:2.5em;padding:0;width:2.5em;white-space:nowrap}.press-raised{box-shadow:2px 3px 20px 3px rgba(51,51,51,0.4)}.press:disabled{cursor:not-allowed;opacity:0.3}.press-ghost{color:var(--p);background-color:transparent}.press-ghost:hover:not(:disabled){color:#FFF;background-color:var(--p)}.press-sm{font-size:0.8em}.press-lg{font-size:1.25em}.press-xl{font-size:1.5em}main{padding:0 120px;box-sizing:border-box;width:100%}@media screen and (max-width: 1200px){main{padding-right:1em}}@media screen and (max-width: 600px){main{padding:1.5em}}main>section{box-sizing:border-box;width:100%;padding:0 10px;margin:10px 0;border-bottom:solid 1px #E0E0E0;padding-bottom:2.5em;margin-bottom:2.5em}.row{display:flex;align-content:stretch;justify-content:center;flex-flow:row wrap}.row>div{flex-grow:1;margin:10px 20px}.nowrap{flex-wrap:nowrap}.div-25{max-width:175px;min-width:150px}@media screen and (max-width: 650px){.div-25{max-width:100%;min-width:100%}}.div-20{display:flex;align-content:center;align-items:center;max-width:250px}.sizes{max-width:80%;margin:1em auto}.download{max-width:30%;margin:auto}footer{padding-bottom:200px}@media screen and (max-width: 1200px){.sizes{max-width:100%}}@media scree and (max-width: 1000px){.effects{flex-flow:row wrap;margin:0 auto}.effects>div{width:33.3333%;box-sizing:border-box}}@media screen and (max-width: 920px){.effects{flex-flow:row wrap;width:70%;margin:0 auto}.sizes{max-width:60%;display:block}.sizes .div-20{display:block;margin:0 auto;width:100%;text-align:center;padding:.25em}.sizes .div-20:first-of-type{margin-bottom:.5em}}@media screen and (max-width: 600px){.sizes{max-width:100%}.row>div{margin:0;margin-bottom:20px}.effects,.effects>.card{width:100%}}.psst{font-family:'Indie flower', sans-serif;width:200px;font-size:1.5em;text-align:center;box-sizing:border-box;padding:.5em;position:absolute;left:120px;transform:rotate(-8deg)}@media screen and (max-width: 800px){.psst{display:none}}.sidebar{font-weight:lighter;height:100vh;margin:0;padding:0;position:fixed;float:left;width:120px;display:flex;overfow:hidden;flex-direction:column}.sidebar>.color-option{flex-grow:1;min-height:1.25em;position:relative;display:flex;align-content:center;justify-content:center;align-items:center}.bg-red{background-color:#F44336}.bg-pink{background-color:#E91E63}.bg-purple{background-color:#9C27B0}.bg-deeppurple{background-color:#673AB7}.bg-indigo{background-color:#3F51B5}.bg-blue{background-color:#2196F3}.bg-lightblue{background-color:#03A9F4}.bg-cyan{background-color:#00BCD4}.bg-teal{background-color:#009688}.bg-green{background-color:#4CAF50}.bg-lightgreen{background-color:#BBC34A}.bg-lime{background-color:#CDDC39}.bg-yellow{background-color:#FFEB3B}.bg-amber{background-color:#FFC107}.bg-orange{background-color:#FF9800}.bg-deeporange{background-color:#FF5722}.bg-brown{background-color:#795548}.bg-grey{background-color:#9E9E9E}.bg-bluegrey{background-color:#607D8B}.bg-black{background-color:#000}.bg-white{background-color:#fff}.sidebar>div[class^="bg-"]{min-width:40px;width:40px;vertical-align:middle;text-align:center;box-sizing:border-box;word-wrap:normal;white-space:nowrap;overflow:hidden;transition:width 0.25s linear}.sidebar>div[class^="bg-"]:hover{width:120px}.sidebar>div[class^="bg-"]:hover>span{opacity:1}.sidebar>div[class^="bg-"]>span{color:#FAFAFA;opacity:0;transition:opacity 0.25s linear}.selected{width:120px !important;position:relative}.selected>span{opacity:1 !important}@media screen and (max-width: 600px){.sidebar{display:none}}h1,h2,h3,h4,h5,h6,section>p,header>p{text-align:center}h1,h2{font-weight:lighter}h1{margin:0;padding:0;font-size:3.25em}h2{font-size:2.5em}section>p,header>p{width:60%;margin:1em auto}@media screen and (max-width: 1200px){section>p,header>p{width:70%}}header{padding-top:10vh;border-bottom:solid 1px #E0E0E0;padding-bottom:2.5em;margin-bottom:2.5em}@media screen and (max-width: 800px){section>p{width:100%}}.card{background-color:#FFF;padding:1em;transition:box-shadow 0.15s linear}.card:hover{box-shadow:2px 3px 19px -3px rgba(0,0,0,0.4)}.text-center{text-align:center}.effects-example>button{margin-bottom:1em}.classname{padding-bottom:.5em;border-bottom:solid 1px #E0E0E0}pre{max-width:60%;margin:0 auto}@media screen and (max-width: 1200px){pre{max-width:75%}}@media screen and (max-width: 1000px){pre{max-width:80%}}@media screen and (max-width: 800px){pre{max-width:90%}}pre[class*="language-"],code[class*="language-"]{border:none}.color-wheel{text-align:center;display:block}.color-wheel:after{clear:both;display:block;content:""}.color-wheel>div[class^="bg-"]{min-width:150px;height:100px;width:18%;margin:.5em 1%;display:inline-block !important;transition:box-shadow 0.15s linear}.color-wheel>div[class^="bg-"]:hover{box-shadow:2px 3px 19px -3px rgba(0,0,0,0.4)}.color-wheel>div[class^="bg-"] span{line-height:100px;color:#FFF;font-style:italic;transition:opacity 0.15s linear;opacity:0}.color-wheel>div[class^="bg-"]:hover span{opacity:1}body{margin:0;padding:0;background-color:#FAFAFA;font-family:'Helvetica','Verdana','Arial', sans-serif}

/*# sourceMappingURL=style.css.map */