body{overflow-x:hidden;font-family:Monoid;color:#555;line-height:1.8}body,ul{margin:0}ul{list-style:none;padding:0}a{text-decoration:none}h1,h2,h3,h4{font-family:Slabo\ 27px;margin:0}p{margin-top:0}.wrap-list-filter{background:#f4f4f4;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;padding:20px 0}.list-filter,.wrap-list-filter{display:-webkit-box;display:-ms-flexbox;display:flex}.list-filter{background:#fff;border:1px solid #555;-ms-flex-preferred-size:31%;flex-basis:31%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:20px 1%}@media (min-width:700px) and (max-width:1023px){.list-filter{-ms-flex-preferred-size:47%;flex-basis:47%}}@media (min-width:240px) and (max-width:699px){.list-filter{-ms-flex-preferred-size:98%;flex-basis:98%}}.list-filter-img{width:100%}.list-filter-code{background:#fff;border-top:1px solid #555;color:#555;padding:20px}code{color:#555;font-family:Monoid;font-size:14px}code span{color:#b27bb5}code .filter-parameter{color:#459bab}code .filter-value{color:#f19f00}.img-original{text-align:center;width:100%}.img-original img{width:auto}.wrap-title{padding:30px 1%;text-align:center}.wrap-title h1{color:#459bab;font-size:40px}@media (min-width:240px) and (max-width:699px){.wrap-title h1{font-size:30px}}.filtering{margin:0 auto;width:100%}.filtering-description{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:-10px}@media (min-width:240px) and (max-width:1023px){.filtering-description{display:block}}.filtering-description-text{-ms-flex-preferred-size:35%;flex-basis:35%;padding:20px}@media (min-width:1360px){.filtering-description-text{padding:40px}}@media (min-width:240px) and (max-width:1023px){.filtering-description-text{padding-bottom:60px}}.filtering-description-text h1{color:#459bab;font-size:60px;width:100%}@media (min-width:700px) and (max-width:1023px){.filtering-description-text h1{font-size:50px}}@media (min-width:240px) and (max-width:699px){.filtering-description-text h1{font-size:40px}}.filtering-description-text p{width:100%;font-size:16px}@media (min-width:240px) and (max-width:1023px){.filtering-description-text p{font-size:15px}}.filtering-description-img{-ms-flex-preferred-size:65%;flex-basis:65%}.filtering-description-img img{width:100%}.box-example{padding:20px;background:#f4f4f4;font-size:15px}.grayscale img{-webkit-filter:grayscale(1);filter:grayscale(1)}.blur img{-webkit-filter:blur(2px);filter:blur(2px)}.sepia img{-webkit-filter:sepia(1);filter:sepia(1)}.saturate img{-webkit-filter:saturate(8);filter:saturate(8)}.brightness img{-webkit-filter:brightness(2);filter:brightness(2)}.contrast img{-webkit-filter:contrast(2);filter:contrast(2)}.opacity img{-webkit-filter:opacity(.2);filter:opacity(.2)}.hue-rotate img{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg)}.invert img{-webkit-filter:invert(.8);filter:invert(.8)}.contrast-saturate-sepia img{-webkit-filter:contrast(1.4) saturate(1.8) sepia(.6);filter:contrast(1.4) saturate(1.8) sepia(.6)}.drop-shadow-saturate-contrast img{-webkit-filter:drop-shadow(4px 4px 4px rgba(0,0,0,.6)) saturate(.6) contrast(1.6);filter:drop-shadow(4px 4px 4px rgba(0,0,0,.6)) saturate(.6) contrast(1.6)}.grayscale-invert-contrast img{-webkit-filter:grayscale(.6) invert(.7) contrast(2);filter:grayscale(.6) invert(.7) contrast(2)}.footer{padding:20px;text-align:center;font-size:13px}.footer p{margin-bottom:0}.heart{position:relative;width:19px;height:11px;top:2px;left:4px;display:inline-block;-webkit-animation:a 1s ease-in-out infinite;animation:a 1s ease-in-out infinite}.heart:after,.heart:before{position:absolute;content:"";width:6px;height:10px;background:#b27bb5;border-radius:50px 50px 0 0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.heart:after{left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.heart:before{left:6px}@-webkit-keyframes a{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes a{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.link{color:#b27bb5}.link-two,.link:hover{color:#459bab}.link-two:hover{color:#b27bb5}
/*# sourceMappingURL=maps/main.css.map */