body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#000}button,h1,h2,p{color:#fff}button{background:#000;border:none;border-radius:6px;cursor:pointer;font-size:20px;padding:8px}button:hover{background:#011329;box-shadow:2px 2px 6px #00000080;transition:background .5s,box-shadow .5s}.exit-button{display:None;margin:auto}.App{margin:0;padding:0;text-align:center}.color-in-image{background-color:#fff;border-radius:10px;padding:10px;width:300px}path{cursor:pointer}.App.overlay:after{background:#000;content:"";height:102vh;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:100}.image-selector-panel-container{background:#333;width:30%}.image-selector-panel-container.overlay{background:#000;display:flex;height:100%;justify-content:center;margin:auto;padding:100px 0;position:absolute;top:0;width:100%;z-index:200}.image-selector-panel-container.overlay .image-selector-panel{border-radius:10px;color:#000;padding:10px;width:90%}header{background:#101326}.palette-bar{background:#101326}.body-section,.palette-bar{display:flex;flex-direction:row}.body-section{min-height:70vh}.color-in-area{background:#0d3d66;padding:20px 0;width:70%}footer{align-items:center;background-color:#510a8b;display:flex;justify-content:center;min-height:12vh}.image-selector-panel{background:#333;scroll-behavior:auto;width:100%}.image-selector-panel .image-selector{display:flex;justify-content:center}.select-image{background:#fff;width:100px}.select-image-container{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:160px;justify-content:center;margin:6px;width:120px}.album-icon-container{fill:#fff;cursor:pointer;display:none;padding:10px}.album-icon-container:hover{fill:#ebc77a;cursor:pointer;padding:10px}#album-icon{height:60px;width:60px}.palette-container{display:flex;margin:0 auto;padding:10px;width:220px}.palette{grid-gap:0;border:1px solid #333;display:grid;gap:0;grid-template-columns:repeat(8,20px)}.palette .color-block{height:20px;width:20px}.selected-color{border:1px solid #333;height:62px;width:60px}.palette .color-block{cursor:pointer}.palette .color-block:first-child{background-color:#ff3357}.palette .color-block:nth-child(2){background-color:#ff5733}.palette .color-block:nth-child(3){background-color:#ffb233}.palette .color-block:nth-child(4){background-color:#ffd933}.palette .color-block:nth-child(5){background-color:#f182ef}.palette .color-block:nth-child(6){background-color:#335038}.palette .color-block:nth-child(7){background-color:#349446}.palette .color-block:nth-child(8){background-color:#34c14e}.palette .color-block:nth-child(9){background-color:#0d3d66}.palette .color-block:nth-child(10){background-color:#479be4}.palette .color-block:nth-child(11){background-color:#33daff}.palette .color-block:nth-child(12){background-color:#33ffd9}.palette .color-block:nth-child(13){background-color:#33ffb2}.palette .color-block:nth-child(14){background-color:#510a8b}.palette .color-block:nth-child(15){background-color:#8247ba}.palette .color-block:nth-child(16){background-color:#5733ff}.palette .color-block:nth-child(17){background-color:#f833ff}.palette .color-block:nth-child(18){background-color:#7a320e}.palette .color-block:nth-child(19){background-color:#604534}.palette .color-block:nth-child(20){background-color:#a9a9a9}.palette .color-block:nth-child(21){background-color:#d3d3d3}.palette .color-block:nth-child(22){background-color:#333}.palette .color-block:nth-child(23){background-color:#000}.palette .color-block:nth-child(24){background-color:#fff}@media (max-width:855px){.image-selector-panel-container{display:none}.color-in-area{width:100%}.album-icon-container,.exit-button{display:block}}
/*# sourceMappingURL=main.34a0993a.css.map*/