@import url(https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--color1:#fff;--color2:#000;--color3:#000;--color4:#fff;--color5:#000;--color6:#fff;--main-font:"PT Sans Narrow",sans-serif}.App{font-family:"PT Sans Narrow",sans-serif;font-family:var(--main-font);background:#000;width:100vw;height:100vh;max-height:100%;max-width:100vw;display:flex;justify-content:center;margin-top:auto;position:fixed}.MainCard{display:flex;flex-direction:column;margin:auto;padding:75px;background-color:hsla(0,0%,100%,.1);border-bottom:1px solid #fff;border-bottom:1px solid var(--color1);border-right:1px solid #fff;border-right:1px solid var(--color1);box-shadow:-10px -10px 150px 20px #000;animation:fadeInSlide .5s}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.mainCard-button{margin-top:1em;height:auto;width:100%;padding:.75em}.colorExtractor-container{max-height:500px;max-width:700px;margin-bottom:1em;display:flex;align-content:center;justify-content:center}.colorExtractor-image{max-width:600px;object-fit:contain}input[type=url]{background:hsla(0,0%,100%,.7);box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px var(--color1);color:#000;border:none;padding:15px}::-webkit-input-placeholder{color:rgba(0,0,0,.7);font-style:italic}:-ms-input-placeholder{color:rgba(0,0,0,.7);font-style:italic}::placeholder{color:rgba(0,0,0,.7);font-style:italic}.GalleryContainer{display:flex;flex-direction:column;align-content:center;justify-content:center;min-height:100vh;width:100%;height:100%;overflow-y:scroll;animation:fadeInSlide .5s}.gallery-background{margin:auto;max-width:1000px;padding:3em;display:flex;flex-direction:column;background:hsla(0,0%,100%,.1);border-bottom:1px solid #fff;border-bottom:1px solid var(--color1);border-right:1px solid #fff;border-right:1px solid var(--color1);box-shadow:-10px -10px 150px 20px #000}.GalleryCard{margin:3.5em auto;display:flex;flex-direction:row;height:100px}.GalleryCard>.colors-container{margin-left:auto;width:600px;justify-self:flex-end;margin-right:1em;box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px var(--color1);margin-top:0}.gallery-image-container{height:100%;width:200px}.gallery-image{max-height:100%;margin:auto;box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px var(--color1)}.card{display:flex}.colors-container{display:flex;flex-direction:row;height:100px;margin-top:1em}.ColorSample{height:100px;width:100px}.color-sample-display{height:100%}.color-sample-details>*{margin:0;padding:1px 0;width:100%;text-align:center;background:hsla(0,0%,100%,.5)}.color-sample-details{display:flex;flex-direction:column;align-content:flex-start;opacity:0;width:100%;height:110%;transition:.2s;transform:translateY(30px)}.color-sample-details:hover{opacity:1;color:rgba(0,0,0,.6);transition:.2s;transform:translateY(0)}button,input[type=submit]{margin:0 2px;border:none;background-color:hsla(0,0%,100%,.2);box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px var(--color1);color:#fff;font-size:16px}button:hover,input[type=submit]:hover{box-shadow:1px 1px 1px #000;box-shadow:1px 1px 1px var(--color5);background-color:hsla(0,0%,100%,.1)}.new-palette-button{padding:20px 70px;font-size:1.5em;margin:auto;text-align:center;text-justify:center}.App:before{background:linear-gradient(160deg,white-30%,#000);background:linear-gradient(160deg,var(--color1)-30%,var(--color2));-webkit-clip-path:circle(30% at 10% 20%);clip-path:circle(30% at 10% 20%)}.App:after,.App:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.App:after{background:linear-gradient(200deg,#fff 20%,#000);background:linear-gradient(200deg,var(--color6) 20%,var(--color5));-webkit-clip-path:circle(20% at 90% 80%);clip-path:circle(20% at 90% 80%)}.icon{width:20px}.lines{position:fixed;width:110vh;height:100vh;z-index:-1;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-75deg)}.line{width:100%;height:15px;background:red;margin:10px}.line:first-child{background:linear-gradient(45deg,#fff,#000);background:linear-gradient(45deg,var(--color1),var(--color2))}.line:nth-child(2){background:linear-gradient(45deg,#000,#fff);background:linear-gradient(45deg,var(--color3),var(--color4))}.line:nth-child(4){height:5px;margin-top:5px;background:linear-gradient(45deg,#000,#fff);background:linear-gradient(45deg,var(--color3),var(--color6))}.line:nth-child(3){height:5px;margin-top:100px;margin-bottom:0;background:linear-gradient(45deg,#000,#fff);background:linear-gradient(45deg,var(--color5),var(--color6))}form{display:flex;justify-content:center;align-content:center}
/*# sourceMappingURL=main.7a6c347a.chunk.css.map */