@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{margin:0;padding:0;box-sizing:border-box;width:100vw;min-height:100vh;overflow-x:hidden;background-color:#121212;color:#fefefe;font-family:"Poppins","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.alert{position:fixed;display:flex;justify-content:center;align-items:center;background-color:#323232;border-radius:15px;right:1.5rem;bottom:1.5rem;padding:1rem 2rem}.alert .fa-trash{cursor:pointer;margin-left:.5rem;transition:all .15s ease}.alert .fa-trash:hover{color:red}.add span{color:#32cd32}.info span{color:#ff0}.delete span{color:red}.color-switcher{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.25)}.color-switcher .color-switcher-buttons{display:flex;justify-content:space-between;align-items:center}.color-switcher .color-switcher-buttons .color-btn{margin:.25rem .75rem;cursor:pointer;border:none;outline:none;text-align:center;padding:.75rem 1rem;background-color:#fefefe;border:2px solid hsla(0,0%,99.6%,.5);border-radius:10px;color:#000;font-size:1.25rem;font-weight:700;letter-spacing:.15rem;transition:all .15s ease}.color-switcher .color-switcher-buttons .color-btn:hover{background-color:#121212;color:#fefefe}.color-switcher .color-result{width:100%;display:flex;justify-content:center;align-items:center}.color-switcher .color-result i{cursor:pointer;margin-left:1rem;font-size:1rem}.color-switcher .color-result i:hover{color:#aeaeae}.navigation{width:100vw;position:relative;display:flex;justify-content:center;align-items:center;background-color:#000}.navigation .navigation-content{width:80%;display:flex;justify-content:space-between;align-items:center}.navigation .navigation-content .content-wrapper a{color:#fefefe;text-decoration:none}.navigation .navigation-content .content-wrapper a .navigation-logo{font-size:1.5rem}.navigation .navigation-content .content-wrapper .mobile-menu{display:none}.navigation .navigation-content .navigation-menu{display:flex;justify-content:center;align-items:center;list-style:none}.navigation .navigation-content .navigation-menu .navigation-item{cursor:pointer;padding:.25rem 1rem;transition:all .3s ease}.navigation .navigation-content .navigation-menu .navigation-item a{text-decoration:none;color:#fefefe}.navigation .navigation-content .navigation-menu .navigation-item .active{font-weight:500;text-decoration:underline}.navigation .navigation-content .navigation-menu .navigation-item:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.navigation .favorite-colors{cursor:pointer;font-size:1rem;padding:.25rem .5rem;border-radius:10px;background-color:transparent;color:#fefefe;outline:none;border:none}.navigation .favorite-colors:hover{color:#dc143c}.navigation .favorite-colors:focus{outline:none}.navigation .number-of-fav-colors{font-size:.75rem;font-weight:500;margin:0;padding:0;position:absolute;right:-.2rem;top:-.4rem}@media (max-width:885px){.navigation .navigation-content{flex-direction:column}.navigation .navigation-content .content-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #323232}.navigation .navigation-content .content-wrapper .mobile-menu{font-size:1.2rem;cursor:pointer;display:flex}.navigation .navigation-content .content-wrapper .mobile-menu:hover{color:#ccc}.navigation .navigation-content .navigation-menu{flex-direction:column}.navigation .navigation-content .false{display:none}.navigation .navigation-content .true{display:flex}.favorite-colors{margin-top:.5rem}}.color-inputs{margin-top:1rem;flex-direction:column}.color-inputs,.color-inputs .input-row{width:100%;display:flex;justify-content:center;align-items:center}.color-inputs .input-row{margin:.5rem 0}.color-inputs .input-row label{font-size:1.2rem}.color-inputs .range-input{margin-left:1.5rem;width:400px}.color-inputs .text-input{margin-left:1rem;background-color:#232323;color:#fefefe;font-size:1.1rem;text-align:center;width:50px;padding:.5rem 0;border:none;outline:none;border-radius:25px}.color-inputs .input-header{font-size:1.5rem;justify-content:left}@media (max-width:650px){.color-inputs .range-input{width:300px}}@media (max-width:510px){.color-inputs .range-input{width:250px}}@media (max-width:450px){.color-inputs .range-input{width:200px}}@media (max-width:385px){.color-inputs .range-input{width:140px}}.color-customizer-wrapper{background-color:#121212;width:100vw;display:flex;justify-content:center;align-items:center}.color-customizer-wrapper .color-customizer{width:80%;margin-top:1rem;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.color-customizer-wrapper .color-customizer .color-column{width:100%}.color-customizer-wrapper .color-customizer .color-column .color-box{width:100%;height:200px;background-color:red;border-radius:20px}.palette-functions{height:100%}.palette-functions,.palette-functions-item{display:flex;justify-content:center;align-items:center}.palette-functions-item{cursor:pointer;font-size:1.1rem;margin-left:1.5rem}.palette-functions-item:hover{color:#9d9d9d}.color-palette{height:500px;width:100%;display:flex;flex-wrap:nowrap}.color-palette .color-on-palette{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.color-palette .color-on-palette:hover{opacity:.85}.palette-color-name{font-size:1rem}.btnInactive{color:#9d9d9d}@media (max-width:960px){.color-palette{flex-direction:column}}@media (max-width:500px){.palette-functions{margin:1rem 0}.palette-functions .palette-functions-item{font-size:1rem}}.palette-wrapper{height:100%;width:100%;overflow-x:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;border-top:2px solid #232323;background-color:#121212}.palette-wrapper .palette-navigation{width:80%;display:flex;justify-content:space-between;align-items:center}.palette-wrapper .palette-navigation .nav-info{display:flex}.palette-wrapper .palette-navigation .nav-info .generate-palette{cursor:pointer;font-size:.9rem;outline:none;border:none;color:#fff;border-radius:15px;transition:all .15s ease-in}.palette-wrapper .palette-navigation .nav-info .generate-palette:hover{text-decoration:underline}.palette-wrapper .palette-navigation .nav-info #palettes{margin-left:1.25rem}@media (max-width:500px){.palette-wrapper .palette-navigation{flex-direction:column}.palette-wrapper .palette-navigation .nav-info{width:100%;justify-content:space-between}}.articles-sidebar{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;border-right:2px solid #fefefe;text-decoration:none}.articles-sidebar .sidebar-title{margin:.75rem 0 .75rem .5rem;padding:0}.articles-sidebar a{cursor:pointer;text-decoration:none;color:#aeaeae}.articles-sidebar a .article-title{font-size:1rem;margin-left:1.5rem}.articles-sidebar a.active{color:#f5dd29;font-weight:700}.articles-sidebar a:hover{color:#fefefe}@media (max-width:1120px){.articles-sidebar{border:none;border-bottom:1px solid #fefefe}}.color-info{width:100%;border-top:2px solid #232323;display:flex;align-items:center;justify-content:center}.color-info .articles-wrapper{width:80%;margin-top:1rem;display:grid;justify-content:center;align-items:flex-start;grid-template-columns:minmax(100px,25%) 1fr}.color-info .articles-wrapper .article-container{width:100%;padding:0 2rem;display:flex;justify-content:center;align-items:center}.color-info .articles-wrapper .article-container .article{width:100%}.color-info .articles-wrapper .article-container .article .article-headline{text-align:center;margin:.75rem 0;padding:0}.color-info .articles-wrapper .article-container .article .article-info{font-size:.9rem;color:#aeaeae}.color-info .articles-wrapper .article-container .article p{color:#ededed}.color-info .articles-wrapper .article-container .article .trivia{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.color-info .articles-wrapper .article-container .article .trivia .trivia-bar{background-color:#f5dd29;color:#000;border-radius:25px;padding:0 .5rem;cursor:pointer;width:100%;display:flex;justify-content:center;align-items:center}.color-info .articles-wrapper .article-container .article .trivia .trivia-bar .trivia-heading{margin:.25rem 0;font-size:1.1rem;letter-spacing:1px;font-weight:500}.color-info .articles-wrapper .article-container .article .trivia .trivia-bar .trivia-icon{font-weight:1.1rem;margin-left:1rem}.color-info .articles-wrapper .article-container .article .trivia .trivia-source{font-size:.8rem;color:#f5dd29}.article-routing{color:rgba(245,221,41,.8)}.inactive{visibility:none;display:none}.active{visibility:visible}.generate-color{cursor:pointer;font-weight:500;margin:1rem 0;padding:.5rem .75rem;outline:none;color:#000;background-color:#f5dd29;border:2px solid #000;border-radius:20px;transition:all .2s ease-in}.generate-color:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#000;color:#f5dd29;border-color:#f5dd29}@media (max-width:1120px){.color-info .articles-wrapper{display:flex;flex-direction:column}.color-info .articles-wrapper .article-container{padding:0}.color-info .articles-wrapper .article-container .article .article-headline{text-align:start;margin:1rem 0;padding:0}}.fav-colors{width:100%;display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.fav-colors .color-box{position:relative;display:flex;justify-content:center;align-items:center;border-radius:10px;width:200px;height:100px}.fav-colors .color-box .box-menu{width:100%;position:absolute;top:0;left:0;visibility:none;display:none;transition:all .15 ease}.fav-colors .color-box .box-menu i{cursor:pointer;margin-top:.5rem;font-size:1.1rem;transition:all .15s ease}.fav-colors .color-box .box-menu i:hover{color:#ccc}.fav-colors .color-box .box-menu .fa-copy{margin-left:.5rem}.fav-colors .color-box .box-menu .fa-trash{margin-right:.5rem}.fav-colors .color-box:hover{opacity:.9}.fav-colors .color-box:hover .box-menu{visibility:visible;display:flex;justify-content:space-between}@media (max-width:520px){.fav-colors .color-box{width:100%}}.palette{width:100%;display:flex;height:200px}.palette .color-on-palette{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media (max-width:1500px){.palette{flex-direction:column;height:100%;margin-bottom:8rem}}.fav-palettes{width:100%;height:300px;display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.fav-wrapper{width:100vw;border-top:2px solid #232323;display:flex;justify-content:center;align-items:center}.fav-wrapper .fav-content{width:80%;display:flex;flex-direction:column}.fav-wrapper .fav-content .fav-menu{width:100%;padding:1rem 0;display:flex;justify-content:flex-start;align-items:center}.fav-wrapper .fav-content .fav-menu span{font-size:1rem}.fav-wrapper .fav-content .fav-menu .menu-item{cursor:pointer;margin-left:1.5rem;transition:all .15s ease}.fav-wrapper .fav-content .fav-menu .menu-item:hover,.fav-wrapper .fav-content .fav-menu .true{color:#0f0}.color-picker{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
/*# sourceMappingURL=main.80b0c6a7.chunk.css.map */