@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);html.page-index .main-content{padding-top:30px}html.page-index .main-content .palettes{width:100%}@media (min-width:992px){html.page-index .main-content .palettes{width:calc(100% - 250px)}}html.page-index .main-content .palettes .palette{margin:5px;width:calc(33.33333% - 10px);-webkit-animation-duration:.2s;animation-duration:.2s}@media (max-width:768px){html.page-index .main-content .palettes .palette{margin:5px 2.5px;width:calc(50% - 5px)}}@media (max-width:490px){html.page-index .main-content .palettes .palette{margin:10px 0;width:100%}}html.page-index .main-content .sidebar{width:250px;text-align:center}html.page-index .main-content .sidebar .content{position:-webkit-sticky;position:sticky;top:90px}html.page-index .main-content .sidebar .content>.container-fluid>*{margin:0 0 10px}@media (max-width:992px){html.page-index .main-content .sidebar{display:none}}html.page-about .main-content{padding:20px 0}html.page-about .main-content .container .logo{display:block;margin:0 auto;background:#fafafa;border:2px dashed #eee;padding:40px;border-radius:50%;width:250px;height:250px}html.page-about .main-content .container .title{text-align:center}html.page-about main{display:block;margin:50px auto;max-width:700px;padding:0 20px}

/*!
   * Sass-Colors v1.0.13 (https://github.com/yonicalsin/sass-colors)
   * Copyright 2019 - 2020 The Sass Colors Authors
   * Copyright 2019 - 2020 Yoni Calsin.
   * Licensed under MIT (https://github.com/yonicalsin/sass-colors/blob/master/LICENSE)
   */:root{--primary:linear-gradient(45deg,#ee6161,#fed402,#05e39c,#01d0fb)}*,:after,:before{box-sizing:border-box}body,html{margin:0;font-family:"Segoe Ui",sans-serif}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0}li:not(.not),ul:not(.not){margin:0;padding:0;list-style:none}a{color:#3273dc;cursor:pointer;text-decoration:none}a:hover{color:#1c51a5}::selection{background:#31cfaf;color:#fff}img::selection{background:none}.block-detect{background:#1cb0f6;padding:15px;color:#fff;border-radius:10px;overflow:hidden}.block-detect .button{background:#fff;color:#1cb0f6}.ads-container{overflow:hidden}.ads-container,.ads-container iframe,.ads-container img{display:block;width:100%;margin:auto}.ads-container:hover{opacity:.8}.w-100{width:100%}.h-100{height:100%}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.fx{display:flex}.fx-dr,.fx-rnw,.fx-rw{flex-direction:row}.fx-cnw,.fx-cw,.fx-dc{flex-direction:column}.fx-cw,.fx-rw,.fx-ww{flex-wrap:wrap}.fx-cnw,.fx-rnw,.fx-wnw{flex-wrap:nowrap}.fx-cc,.fx-jcc{justify-content:center}.fx-jcfs{justify-content:flex-start}.fx-jcfe{justify-content:flex-end}.fx-jcsb{justify-content:space-between}.fx-jcsa{justify-content:space-around}.fx-aic,.fx-cc{align-items:center}.fx-aifs{align-items:flex-start}.fx-aife{align-items:flex-end}.fx-ais{align-items:stretch}.icon{align-items:center;display:inline-flex;justify-content:center;height:1.5rem;width:1.5rem;font-style:inherit;font-weight:inherit}.icon svg{display:inline-block;font-size:inherit;vertical-align:-.125em;overflow:visible;max-height:100%;max-width:100%;width:100%;height:100%}::-webkit-scrollbar-track{border-radius:10px;background-color:#ddd}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#aaa}.mode-both{-webkit-animation-fill-mode:both!important;animation-fill-mode:both!important}.fadeIn{-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0}}@keyframes fadeIn{0%{opacity:0}}.fadeInLeft{-webkit-animation:fadeInLeft .5s ease-in-out;animation:fadeInLeft .5s ease-in-out}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100%)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100%)}}.fadeInRight{-webkit-animation:fadeInRight .5s ease-in-out;animation:fadeInRight .5s ease-in-out}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translateX(100%)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100%)}}.fadeInDown{-webkit-animation:fadeInDown .5s ease-in-out;animation:fadeInDown .5s ease-in-out}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}}.fadeInUp{-webkit-animation:fadeInUp .5s ease-in-out;animation:fadeInUp .5s ease-in-out}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}}.zoomIn{-webkit-animation:zoomIn .5s;animation:zoomIn .5s}@-webkit-keyframes zoomIn{0%{transform:scale(0)}}@keyframes zoomIn{0%{transform:scale(0)}}.button{margin:0;font-family:inherit;overflow:visible;text-transform:none;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#212529;background-color:#f8f9fa;border:1px solid #f8f9fa}.button:not(.disabled){cursor:pointer}.navbar{position:fixed;background:#fff;top:0;left:0;z-index:100;box-shadow:1px 2px 20px -5px rgba(0,0,0,.1)}.navbar *{transition:all .2s ease-in-out}.navbar .container{height:90px}.navbar-brand .icon{width:30px;height:30px;margin-right:10px;transform:rotate(180deg)}.navbar-brand .title{font-family:"Pacifico",cursive;font-weight:100;background:linear-gradient(45deg,#ee6161,#fed402,#05e39c,#01d0fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.navbar-nav-menu-wrapper{flex:1 1}.navbar-nav-menu-wrapper a{margin:0 5px;padding:.3rem .5rem;border-radius:5px;color:#899bb4}.navbar-nav-menu-wrapper a:hover{color:#7c8592}.navbar-actions{padding-left:15px;border-left:1px solid #ddd}.navbar-actions>*{margin-left:10px;display:flex;justify-content:center;align-items:center}.navbar-actions>.button{border-radius:50%;height:50px;width:50px;padding:0;background:none;border:2px dashed #ff9100;outline:none}.navbar-actions>.button svg{width:100%;height:100%}.navbar.scrolled .container{height:60px}@media (max-width:632px){.navbar-brand .title{font-size:1.3rem}.navbar-brand .icon{width:25px;height:25px;margin-right:5px}.navbar-nav-menu-wrapper a{padding:0}.navbar-actions{margin:0;border:none}.navbar-actions .button,.navbar-actions a{width:auto;border:none;height:auto;margin:0 2px}}@media (max-width:490px){.navbar-brand .title{display:none}}body{padding-top:90px}.palette{width:360px;position:relative;border-radius:5px;overflow:hidden}.palette-colors{background:#fff;display:flex;width:100%;height:134px;overflow:hidden}.palette-item{flex-grow:1;transition:all .2s ease-in-out;cursor:pointer;overflow:hidden;flex-basis:1px;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;position:relative}.palette-item span{transform:scale(0);transform-origin:bottom;color:#fff;text-align:center;transition:all .2s ease-in-out;font-size:1.2rem}.palette-item:hover{flex-basis:80px}.palette-item:hover span{transform:scale(1)}.palette-item.copied{background:linear-gradient(#ee6161,#fed402,#05e39c,#01d0fb)!important}.palette .actions{padding:5px 10px;background:#fff}.palette .actions *{transition:all .2s ease-in-out}.palette .actions button{background:#f5fcff;border:1px solid #e9f2f9;outline:none;padding:7px 12px;cursor:pointer;border-radius:7px}.palette .actions button.liked{background:linear-gradient(45deg,#ee6161,#fed402,#05e39c,#01d0fb)}.palette .actions button.liked img{-webkit-filter:invert(1);filter:invert(1)}.palette .actions button:hover img{transform:scale(1.2)}.palette .actions img{width:20px;display:block}.main-content{padding-top:30px;padding-bottom:30px}html.theme-dark{background:#202020}html.theme-dark,html.theme-dark p,html.theme-dark span{color:#ddd}html.theme-dark h1,html.theme-dark h2,html.theme-dark h3,html.theme-dark h4,html.theme-dark h5,html.theme-dark h6{color:#eee}html.theme-dark a{color:#6ab0f3}html.theme-dark a:hover{color:#238aed}html.theme-dark .navbar{background:#202020}html.theme-dark .navbar-actions{border-color:#444}html.theme-dark .navbar-actions .button{border:1px solid #131313}html.theme-dark .navbar-actions g,html.theme-dark .navbar-actions path,html.theme-dark .navbar-actions svg{fill:#fff!important;stroke:#fff!important}html.theme-dark .palette{border-color:#444!important}html.theme-dark .palette .actions,html.theme-dark .palette .palette-colors{background:#202020}html.theme-dark .palette .actions button,html.theme-dark .palette .palette-colors button{border:1px solid #444}html.theme-dark .palette .actions button:not(.liked),html.theme-dark .palette .palette-colors button:not(.liked){background:#131313}html.theme-dark .palette .actions button img,html.theme-dark .palette .palette-colors button img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
/*# sourceMappingURL=main.a9b5f761.chunk.css.map */