@import url("https://fonts.googleapis.com/css?family=Varela+Round");*{margin:0;padding:0;box-sizing:border-box}html,body{background:#eee}@-webkit-keyframes loadColor{0%{top:-20px}100%{top:0}}@keyframes loadColor{0%{top:-20px}100%{top:0}}html,body{font-family:'Varela Round', sans-serif}#content{width:calc(100vw - 200px);min-height:100vh;position:relative;left:200px;-webkit-transition:all 200ms ease;transition:all 200ms ease}@media (max-width: 700px){#content{width:100vw;left:0}}#content.pink{background:#faa5a5;background:-webkit-linear-gradient(45deg, #faa5a5 0%, #857fe2 100%);background:linear-gradient(45deg, #faa5a5 0%, #857fe2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#faa5a5", endColorstr="#857fe2", GradientType=1)}#content.green{background:#008744;background:-webkit-linear-gradient(45deg, #008744 0%, #1f3b08 100%);background:linear-gradient(45deg, #008744 0%, #1f3b08 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#008744", endColorstr="#1f3b08", GradientType=1 )}#content.blue{background:#93cede;background:-webkit-linear-gradient(45deg, #93cede 0%, #75bdd1 41%, #49a5bf 100%);background:linear-gradient(45deg, #93cede 0%, #75bdd1 41%, #49a5bf 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#93cede", endColorstr="#49a5bf", GradientType=1)}#content.yellow{background:#f1e767;background:-webkit-linear-gradient(45deg, #f1e767 0%, #feb645 100%);background:linear-gradient(45deg, #f1e767 0%, #feb645 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f1e767", endColorstr="#feb645", GradientType=1 )}#content.grey{background:#dbdbdb;background:-webkit-linear-gradient(45deg, #dbdbdb 0%, #e2e2e2 44%, #fefefe 100%);background:linear-gradient(45deg, #dbdbdb 0%, #e2e2e2 44%, #fefefe 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#dbdbdb", endColorstr="#fefefe", GradientType=1 )}#content.red{background:#DC3D24}#content.black{background:#19191a}#content.about{padding:50px}#content.about h1{font-size:3rem;margin-bottom:1rem}#content.about p{font-size:1.3rem;line-height:2.3rem}.nav-toggle{background:#eee;width:50px;height:50px;position:fixed;top:0;left:0;z-index:6;padding:10px;box-shadow:7px 7px 6px 0px rgba(0,0,0,0.3);border-radius:0 0 5px 0;cursor:pointer;-webkit-transition:all 200ms ease;transition:all 200ms ease}@media (min-width: 700px){.nav-toggle{display:none}}.nav-toggle.active{left:200px}.nav-toggle:hover svg rect{fill:#2980D9}.nav-toggle svg rect{fill:#19191a}#navigation{width:200px;height:100vh;position:fixed;box-shadow:3px 0px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);background:#eee;z-index:5;-webkit-transition:all 200ms ease;transition:all 200ms ease}@media (max-width: 700px){#navigation{left:-200px}#navigation.active{left:0px}}#navigation #logo{text-decoration:none}#navigation #logo svg{margin:0 auto;width:75px;position:relative;margin:10% 0 5% 0;left:calc(50% - (75px / 2))}@media (max-height: 780px){#navigation #logo svg{width:45px;height:50px;left:calc(50% - (45px / 2));margin:10% 0 2% 0}}#navigation #logo h1{text-align:center;font-size:1.5rem;color:#19191a}@media (max-height: 780px){#navigation #logo h1{font-size:1.3rem;margin:0}}#navigation #logo h1 span{font-size:1.2rem;color:#7d7d82}@media (max-height: 780px){#navigation #logo h1 span{font-size:1rem}}#navigation nav{margin:30px 0}@media (max-height: 780px){#navigation nav{margin:15px 0}}#navigation nav a{display:block;font-size:1.1rem;margin:0 30px;padding:10px 0;text-decoration:none;color:#58585b;-webkit-transition:all 150ms ease;transition:all 150ms ease}@media (max-height: 780px){#navigation nav a{margin:0 40px;padding:7px 0}}#navigation nav a:hover{color:#19191a}.container{margin-right:auto;margin-left:auto}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.tiny,.tiny-1,.tiny-2,.tiny-3,.tiny-4,.tiny-5,.tiny-6,.tiny-7,.tiny-8,.tiny-9,.tiny-10,.tiny-11,.tiny-12,.tiny-offset-1,.tiny-offset-2,.tiny-offset-3,.tiny-offset-4,.tiny-offset-5,.tiny-offset-6,.tiny-offset-7,.tiny-offset-8,.tiny-offset-9,.tiny-offset-10,.tiny-offset-11,.tiny-offset-12{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.tiny{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.tiny-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.tiny-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.tiny-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.tiny-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.tiny-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.tiny-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.tiny-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.tiny-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.tiny-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.tiny-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.tiny-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.tiny-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.tiny-offset-1{margin-left:8.333%}.tiny-offset-2{margin-left:16.667%}.tiny-offset-3{margin-left:25%}.tiny-offset-4{margin-left:33.333%}.tiny-offset-5{margin-left:41.667%}.tiny-offset-6{margin-left:50%}.tiny-offset-7{margin-left:58.333%}.tiny-offset-8{margin-left:66.667%}.tiny-offset-9{margin-left:75%}.tiny-offset-10{margin-left:83.333%}.tiny-offset-11{margin-left:91.667%}.start-tiny{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-tiny{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-tiny{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-tiny{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.middle-tiny{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.bottom-tiny{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.around-tiny{-ms-flex-pack:distribute;justify-content:space-around}.between-tiny{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-tiny{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-tiny{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width: 48em){.container{width:46rem}.small,.small-1,.small-2,.small-3,.small-4,.small-5,.small-6,.small-7,.small-8,.small-9,.small-10,.small-11,.small-12,.small-offset-1,.small-offset-2,.small-offset-3,.small-offset-4,.small-offset-5,.small-offset-6,.small-offset-7,.small-offset-8,.small-offset-9,.small-offset-10,.small-offset-11,.small-offset-12{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.small{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.small-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.small-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.small-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.small-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.small-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.small-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.small-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.small-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.small-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.small-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.small-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.small-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.small-offset-1{margin-left:8.333%}.small-offset-2{margin-left:16.667%}.small-offset-3{margin-left:25%}.small-offset-4{margin-left:33.333%}.small-offset-5{margin-left:41.667%}.small-offset-6{margin-left:50%}.small-offset-7{margin-left:58.333%}.small-offset-8{margin-left:66.667%}.small-offset-9{margin-left:75%}.small-offset-10{margin-left:83.333%}.small-offset-11{margin-left:91.667%}.start-small{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-small{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-small{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-small{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.middle-small{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.bottom-small{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.around-small{-ms-flex-pack:distribute;justify-content:space-around}.between-small{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-small{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-small{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width: 64em){.container{width:62rem}.medium,.medium-1,.medium-2,.medium-3,.medium-4,.medium-5,.medium-6,.medium-7,.medium-8,.medium-9,.medium-10,.medium-11,.medium-12,.medium-offset-1,.medium-offset-2,.medium-offset-3,.medium-offset-4,.medium-offset-5,.medium-offset-6,.medium-offset-7,.medium-offset-8,.medium-offset-9,.medium-offset-10,.medium-offset-11,.medium-offset-12{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.medium{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.medium-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.medium-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.medium-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.medium-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.medium-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.medium-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.medium-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.medium-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.medium-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.medium-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.medium-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.medium-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.medium-offset-1{margin-left:8.333%}.medium-offset-2{margin-left:16.667%}.medium-offset-3{margin-left:25%}.medium-offset-4{margin-left:33.333%}.medium-offset-5{margin-left:41.667%}.medium-offset-6{margin-left:50%}.medium-offset-7{margin-left:58.333%}.medium-offset-8{margin-left:66.667%}.medium-offset-9{margin-left:75%}.medium-offset-10{margin-left:83.333%}.medium-offset-11{margin-left:91.667%}.start-medium{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-medium{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-medium{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-medium{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.middle-medium{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.bottom-medium{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.around-medium{-ms-flex-pack:distribute;justify-content:space-around}.between-medium{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-medium{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-medium{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width: 75em){.container{width:73rem}.large,.large-1,.large-2,.large-3,.large-4,.large-5,.large-6,.large-7,.large-8,.large-9,.large-10,.large-11,.large-12,.large-offset-1,.large-offset-2,.large-offset-3,.large-offset-4,.large-offset-5,.large-offset-6,.large-offset-7,.large-offset-8,.large-offset-9,.large-offset-10,.large-offset-11,.large-offset-12{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.large{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.large-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.large-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.large-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.large-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.large-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.large-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.large-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.large-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.large-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.large-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.large-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.large-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.large-offset-1{margin-left:8.333%}.large-offset-2{margin-left:16.667%}.large-offset-3{margin-left:25%}.large-offset-4{margin-left:33.333%}.large-offset-5{margin-left:41.667%}.large-offset-6{margin-left:50%}.large-offset-7{margin-left:58.333%}.large-offset-8{margin-left:66.667%}.large-offset-9{margin-left:75%}.large-offset-10{margin-left:83.333%}.large-offset-11{margin-left:91.667%}.start-large{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-large{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-large{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-large{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}.middle-large{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.bottom-large{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}.around-large{-ms-flex-pack:distribute;justify-content:space-around}.between-large{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-large{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-large{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}section#flat__colors.content{min-height:100vh;padding-bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:200px}@media (max-width: 700px){section#flat__colors.content{margin-left:0}}section#flat__colors.content .tiny-3{padding:0 !important}section#flat__colors.content .flat-item{width:100%;height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background 150ms ease-in-out;transition:background 150ms ease-in-out;position:relative}section#flat__colors.content .flat-item p{font-size:1.5rem;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}section#flat__colors.content .flat-item p:selection{color:#2980D9;background:#E74C3C}@media (max-width: 48rem){section#flat__colors.content .flat-item p{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}section#flat__colors.content .flat-item.turqoise{background:#1ABC9C;color:#0b4c3f}section#flat__colors.content .flat-item.turqoise:hover{background:#1dd2af}section#flat__colors.content .flat-item.emerald{background:#2ECC71;color:#176437}section#flat__colors.content .flat-item.emerald:hover{background:#40d47e}section#flat__colors.content .flat-item.river{background:#3498DB;color:#16527a}section#flat__colors.content .flat-item.river:hover{background:#4aa3df}section#flat__colors.content .flat-item.amethyst{background:#9B59B6;color:#532c64}section#flat__colors.content .flat-item.amethyst:hover{background:#a66bbe}section#flat__colors.content .flat-item.asphalt{background:#34495E;color:#07090c}section#flat__colors.content .flat-item.asphalt:hover{background:#3d566e}section#flat__colors.content .flat-item.greenSea{background:#16A085;color:#073028}section#flat__colors.content .flat-item.greenSea:hover{background:#19b698}section#flat__colors.content .flat-item.green{background:#27AE60;color:#104627}section#flat__colors.content .flat-item.green:hover{background:#2cc36b}section#flat__colors.content .flat-item.green-haze{background:#019875;color:#001914}section#flat__colors.content .flat-item.green-haze:hover{background:#01b189}section#flat__colors.content .flat-item.gossip{background:#87D37C;color:#419b34}section#flat__colors.content .flat-item.gossip:hover{background:#98d98f}section#flat__colors.content .flat-item.blue{background:#2980D9;color:#14416f}section#flat__colors.content .flat-item.blue:hover{background:#3f8ddd}section#flat__colors.content .flat-item.purple{background:#8E44AD;color:#432051}section#flat__colors.content .flat-item.purple:hover{background:#9b50ba}section#flat__colors.content .flat-item.nightly{background:#2C3E50;color:#000}section#flat__colors.content .flat-item.nightly:hover{background:#354b60}section#flat__colors.content .flat-item.sun{background:#F1C40F;color:#796307}section#flat__colors.content .flat-item.sun:hover{background:#f2ca27}section#flat__colors.content .flat-item.carrot{background:#E67E22;color:#7b410e}section#flat__colors.content .flat-item.carrot:hover{background:#e98b39}section#flat__colors.content .flat-item.rose{background:#E74C3C;color:#921e12}section#flat__colors.content .flat-item.rose:hover{background:#ea6153}section#flat__colors.content .flat-item.powder{background:#ECF0F1;color:#a3b6bb}section#flat__colors.content .flat-item.powder:hover{background:#fbfcfc}section#flat__colors.content .flat-item.concrete{background:#95A5A6;color:#566566}section#flat__colors.content .flat-item.concrete:hover{background:#a3b1b2}section#flat__colors.content .flat-item.orange{background:#F39C12;color:#7f5006}section#flat__colors.content .flat-item.orange:hover{background:#f4a62a}section#flat__colors.content .flat-item.pumpkin{background:#D35400;color:#542100}section#flat__colors.content .flat-item.pumpkin:hover{background:#ed5e00}section#flat__colors.content .flat-item.red{background:#C0392D;color:#591a15}section#flat__colors.content .flat-item.red:hover{background:#d04336}section#flat__colors.content .flat-item.cabaret{background:#D2527F;color:#832244}section#flat__colors.content .flat-item.cabaret:hover{background:#d7668e}section#flat__colors.content .flat-item.sunglo{background:#E26A6A;color:#ab2121}section#flat__colors.content .flat-item.sunglo:hover{background:#e67f7f}section#flat__colors.content .flat-item.silver{background:#BDC3C7;color:#78848c}section#flat__colors.content .flat-item.silver:hover{background:#cbd0d3}section#flat__colors.content .flat-item.grey{background:#7F8C8D;color:#424a4a}section#flat__colors.content .flat-item.grey:hover{background:#8c9899}.item{height:200px;width:calc(100% / 6 - 2%);margin:1%;display:inline-block;box-shadow:0 0 30px rgba(0,0,0,0.4);box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);cursor:pointer;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out;border-radius:5px}@media (max-width: 2000px){.item{width:calc(100% / 5 - 4%);margin:2%}}@media (max-width: 1700px){.item{width:calc(100% / 4 - 4%);margin:2%}}@media (max-width: 1300px){.item{width:calc(100% / 3 - 6%);margin:3%}}@media (max-width: 1000px){.item{width:calc(100% / 2 - 6%);margin:3%}}@media (max-width: 700px){.item{width:calc(100% / 1 - 10%);margin:5%}}.item:hover{box-shadow:0 0 30px rgba(0,0,0,0.6);-webkit-transform:scale(1.05);transform:scale(1.05)}.item .color{height:100%;width:25%;float:left}.item .color:first-child{border-radius:5px 0 0 5px}.item .color:last-child{border-radius:0 5px 5px 0}#sidebar{width:200px;height:100vh;position:fixed;top:0;right:-200px;opacity:0;visibility:hidden;background:#eee;box-shadow:-3px 0px 6px -3px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-webkit-transition:all 175ms ease-in;transition:all 175ms ease-in;padding:0 20px}#sidebar.active{opacity:1;visibility:visible;right:0;-webkit-transition:all 175ms ease-out;transition:all 175ms ease-out}#sidebar .close{width:50px;height:50px;position:absolute;box-shadow:-7px 7px 15px -3px rgba(0,0,0,0.3);left:-50px;background:#eee;cursor:pointer;border-radius:0 0 0 5px;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}#sidebar .close:hover svg path{fill:#E74C3C}#sidebar .close svg path{fill:#19191a;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}#sidebar .favourite{text-transform:uppercase;font-size:0.8rem;font-weight:bold;position:absolute;bottom:50px;background:#2980D9;color:#eee;width:calc(100% - 40px);text-align:center;border:0;border-radius:5px;padding:15px 0;cursor:pointer;box-shadow:0px 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);-webkit-transition:all 150ms ease;transition:all 150ms ease}#sidebar .favourite.remove{background:#E74C3C}#sidebar .favourite.remove:hover{background:#d62c1a}#sidebar .favourite.remove:focus{outline:0;border-color:#bf2718}#sidebar .favourite:hover{background:#1f67b0}#sidebar .favourite:focus{outline:0;border-color:#1b5a9a}#sidebar .color{margin-bottom:20px;margin-top:20px}#sidebar .color .example{height:100px;width:100%;border-radius:5px;margin-bottom:5px;box-shadow:3px 0px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}@media (max-height: 780px){#sidebar .color .example{height:50px}}@media (max-height: 550px){#sidebar .color .example{height:20px}}#sidebar .color .hex,#sidebar .color .rgb{text-transform:uppercase}#sidebar .color .hex span,#sidebar .color .rgb span{font-size:0.8rem;color:#4b4b4e}#carbonads{display:block;overflow:hidden;background:rgba(255,255,255,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.2);border-radius:5px;padding:10px;width:170px;margin:0 auto;border-radius:4px;padding:1em;font-size:14px;line-height:1.5}#carbonads span{max-width:130px;margin:0 auto;display:block;overflow:hidden}@media (max-width: 768px){#carbonads span{max-width:100%}}#carbonads a{color:#919191;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads .carbon-img{display:block;margin:0 auto .5em;text-align:center}#carbonads .carbon-text{display:block;margin-bottom:1em;text-align:left}@media (max-width: 768px){#carbonads .carbon-text{text-align:center}}#carbonads .carbon-poweredby{display:block;text-align:right;font-size:12px}@media (max-width: 768px){#carbonads .carbon-poweredby{text-align:center}}.change-bg-color-button{padding:10px;background:#2980D9;border-radius:50%;position:absolute;left:70px;bottom:50px;z-index:10;width:60px;height:60px;border:0;box-shadow:0px 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);cursor:pointer;-webkit-transition:all 150ms ease;transition:all 150ms ease;border:2px solid transparent}@media (max-width: 700px){.change-bg-color-button{display:none}}.change-bg-color-button:hover{background:#1f67b0}.change-bg-color-button svg path{fill:#eee;width:50px}.change-bg-color-button:focus{outline:0;border-color:#1b5a9a}#changeBgColor{position:fixed;left:105px;bottom:90px;background:#eee;box-shadow:0px 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);border-radius:5px;padding:10px;z-index:10;width:180px;opacity:0;visibility:hidden;-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in}#changeBgColor.active{left:135px;opacity:1;visibility:visible;-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out}#changeBgColor #pink,#changeBgColor #green,#changeBgColor #blue,#changeBgColor #yellow,#changeBgColor #grey,#changeBgColor #red,#changeBgColor #black{display:block;float:left;width:30px;height:30px;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:5px;border-radius:50%;-webkit-transition:all 150ms ease;transition:all 150ms ease;cursor:pointer}#changeBgColor #pink:hover,#changeBgColor #green:hover,#changeBgColor #blue:hover,#changeBgColor #yellow:hover,#changeBgColor #grey:hover,#changeBgColor #red:hover,#changeBgColor #black:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 10px rgba(0,0,0,0.5)}#changeBgColor #pink{background:#faa5a5;background:-webkit-linear-gradient(45deg, #faa5a5 0%, #857fe2 100%);background:linear-gradient(45deg, #faa5a5 0%, #857fe2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#faa5a5", endColorstr="#857fe2", GradientType=1)}#changeBgColor #green{background:#008744;background:-webkit-linear-gradient(45deg, #008744 0%, #1f3b08 100%);background:linear-gradient(45deg, #008744 0%, #1f3b08 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#008744", endColorstr="#1f3b08", GradientType=1 )}#changeBgColor #blue{background:#93cede;background:-webkit-linear-gradient(45deg, #93cede 0%, #75bdd1 41%, #49a5bf 100%);background:linear-gradient(45deg, #93cede 0%, #75bdd1 41%, #49a5bf 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#93cede", endColorstr="#49a5bf", GradientType=1)}#changeBgColor #yellow{background:#f1e767;background:-webkit-linear-gradient(45deg, #f1e767 0%, #feb645 100%);background:linear-gradient(45deg, #f1e767 0%, #feb645 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f1e767", endColorstr="#feb645", GradientType=1 )}#changeBgColor #grey{background:#dbdbdb;background:-webkit-linear-gradient(45deg, #dbdbdb 0%, #e2e2e2 44%, #fefefe 100%);background:linear-gradient(45deg, #dbdbdb 0%, #e2e2e2 44%, #fefefe 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#dbdbdb", endColorstr="#fefefe", GradientType=1 )}#changeBgColor #red{background:#DC3D24}#changeBgColor #black{background:#19191a}.alert{position:fixed;top:0;left:calc(50% - (250px/2));z-index:20;min-width:250px;text-align:center;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,0.5);color:#eee;border-radius:0 0 5px 5px}.alert.success{background:#2980D9}.alert.error{background:#E74C3C}

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