html{font-size:14px}html,body{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif;background:#f2f3f3}.page-wrapper{background:#f2f3f3}.top-navigation{position:fixed;top:0;left:0;right:0;background:#fff;height:50px;border-bottom:1px solid #D6D6D6;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:200}.top-navigation #logo{display:flex;align-items:center;cursor:pointer;text-decoration:none}.top-navigation #logo img{width:30px}.top-navigation #logo h4{font-family:Montserrat,sans-serif;font-weight:700;font-size:1rem;color:#202428;margin-left:10px;animation:slide-up-light 1s ease;display:none}.top-navigation #logo h4 span{color:#f86c5c}.top-navigation #logo h4.show{display:block}.top-navigation #logo h4.static{animation:none;display:block}.top-navigation #nav-items li{list-style:none;display:inline-block}.top-navigation #nav-items li a{text-decoration:none;font-size:1rem;font-weight:600;color:#0c1023;margin:0 16px;transition:color .1s ease}.top-navigation #nav-items li a:hover{opacity:.8}.top-navigation #nav-items li.active a{color:#f86c5c}.header-container{padding-top:50px;padding-left:9%;padding-right:9%;max-width:1500px}.header-container .heading{position:relative}.header-container .heading h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:5rem;color:#202428;margin-bottom:0}.header-container .heading h1 span{color:#f86c5c}.header-container .heading .social-media{position:absolute;right:1%;top:20px;display:flex;align-items:center}.header-container .heading .social-media span{font-size:1rem;font-weight:400;color:#202428;display:inline-block;margin-right:10px}.header-container .heading .social-media a{display:inline-block;width:40px;height:40px;border-radius:50%;border:1px solid #202428;cursor:pointer;position:relative;transition:all .3s ease;margin:4px}.header-container .heading .social-media a img{width:60%;position:absolute;inset:0;margin:auto}.header-container .heading .social-media .twitter:hover{background:#00acee}.header-container .heading .social-media .twitter:hover img{-webkit-filter:invert(100%);filter:invert(100%)}.header-container .heading .social-media .fb:hover{background:#3b5998}.header-container .heading .social-media .fb:hover img{-webkit-filter:invert(100%);filter:invert(100%)}.header-container .heading .product-hunt{position:absolute;top:170px;right:-20px}.header-container h3{font-size:1.6rem;color:#202428}.header-container .additional-info{display:flex}.header-container .additional-info h4{color:#a8a8a8;display:inline-block;margin-right:10px}.header-container .additional-info a{display:inline-block;position:relative;top:15px;margin-left:8px;cursor:pointer}.header-container .additional-info a img{width:24px}.about-wrapper{margin:80px auto 0;width:60%}.about-wrapper h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:2.6rem;color:#202428;text-align:center}.about-wrapper h1 span{color:#f86c5c}.about-wrapper .info-container{background:#fff;border-radius:8px;box-shadow:0 40px 100px -20px #0b102613,0 30px 70px -30px #0000000d;animation:slide-up 1s ease;line-height:24px;letter-spacing:.7px;padding:32px}.about-wrapper .info-container .story{color:#202428;font-size:1rem;text-align:center}.about-wrapper .info-container .note{color:#a8a8a8;font-size:1rem;text-align:center;margin:32px 20px 0}.about-wrapper .info-container .note a{cursor:pointer;text-decoration:underline;color:#a8a8a8}.about-wrapper .info-container .highlight{color:#f86c5c;font-size:1rem;text-align:center;margin:32px 20px 0}.about-wrapper .info-container .icons{display:flex;align-items:center;justify-content:center}.about-wrapper .info-container .icons a{display:inline-block;margin:16px 8px 8px;cursor:pointer}.about-wrapper .info-container .icons a img{width:32px}.about-wrapper .info-container .buymeacoffee{text-align:center}.about-wrapper .info-container .buymeacoffee .note{color:#202428;margin-top:16px;margin-bottom:16px}.image-container{padding:50px 8%;max-width:1500px;margin:0 auto}.image-container .item{display:inline-block;width:20.9%;margin:1% 1% 1.2%;padding:10px;background:#fff;border-radius:8px;box-shadow:0 40px 100px -20px #0b102613,0 30px 70px -30px #0000000d;animation:slide-up 1s ease;position:relative}.image-container .item img{width:100%;border-radius:8px}.image-container .item .color-panel{display:flex;align-items:center;justify-content:space-between;padding:16px 30px}.image-container .item .color-panel .color{width:24px;height:24px;border-radius:50%;background:#f2f3f3;cursor:pointer;position:relative;animation:scale 1.5s ease}.image-container .item .color-panel .color .tooltip{background:#202428;color:#fff;border-radius:4px;position:absolute;bottom:-35px;z-index:100;margin:0 auto;display:none}.image-container .item .color-panel .color .tooltip span{display:inline-block;margin:4px;font-size:1rem}.image-container .item .color-panel .color:hover .tooltip{display:block}.image-container .item .favourite{width:32px;height:32px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:16px;top:16px;display:none;opacity:0;transition:all .3s ease;cursor:pointer}.image-container .item .favourite svg{width:16px;height:16px}.image-container .item .favourite.added svg path{fill:#f86c5c}.image-container .item .close svg{width:12px;height:12px}.image-container .item:hover .favourite{display:flex;opacity:1}.loader{display:flex;justify-content:center}.loader svg{width:100px;height:100px;margin:20px;display:inline-block;text-align:center;padding-left:50px;position:relative;bottom:40px}#empty-favourites-page{text-align:center;margin:0 auto}#empty-favourites-page img{width:25%}#empty-favourites-page .message{font-size:1.2rem;font-weight:600;color:#202428;width:50%;margin:-20px auto 0}#empty-favourites-page .info{font-size:.9rem;font-weight:400;color:#a8a8a8;width:50%;margin:10px auto 0}footer{display:none}footer h4{text-align:center;font-size:1rem;color:#a8a8a8;font-weight:400}footer h4 a{cursor:pointer;text-decoration:underline;color:#a8a8a8}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-light{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:1150px){.image-container .item{width:29%}}@media(max-width:1036px){.image-container .item{width:28.6%}}@media(max-width:886px){html{font-size:13px}.image-container{padding-left:50px;padding-right:50px}.image-container .item{width:calc(50% - 30px);margin:5px 5px 10px}.product-hunt{display:none}}@media(max-width:740px){.header-container .heading .social-media{display:none}.about-wrapper{width:80%;margin-bottom:50px}}@media(max-width:580px){.image-container .item .color-panel{padding:10px 16px}.image-container .item .color-panel .color{width:20px;height:20px}.header-container .additional-info a img{display:none}#empty-favourites-page img{width:50%}}@media(max-width:480px){.top-navigation #logo h4.static{display:none}.image-container .item{width:calc(100% - 30px)}.image-container .item .color-panel{padding:12px 20px}.image-container .item .color-panel .color{width:24px;height:24px}.header-container .heading h1{font-size:4rem}.header-container h3{font-size:1.4rem}}@media(max-width:380px){.top-navigation #nav-items li a{margin:0 8px}.top-navigation #logo img{width:24px}.image-container{padding-left:30px;padding-right:30px}.image-container .item{width:calc(100% - 30px)}.image-container .item .color-panel{padding:10px 16px}.image-container .item .color-panel .color{width:20px;height:20px}.header-container .heading h1{font-size:3rem}.header-container h3{font-size:1.3rem}}