@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poiret+One&display=swap);*{box-sizing:border-box}body,div#root,html{font-family:Roboto Mono,monospace;height:100%;margin:0;min-height:481px;min-width:320px;width:100%}body{background-color:#0e0e12}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}header{align-items:flex-start;color:#fff;display:flex;height:100%;justify-content:space-between;text-decoration:none;width:100%}header div.header-image{height:100vh;position:relative}header div.header-image canvas{height:100%;position:absolute;width:100%}header div.header-image,header div.header-text{height:100vh;min-height:481px;width:50%}header div.header-text{align-items:center;display:flex;justify-content:flex-start}header div.header-text-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;min-height:481px;padding:10% 8% 8%;text-align:left}header div.header-text-content h1{font-family:Poiret One,cursive;font-size:30px}header div.header-text-content h1 span{transition:color .1s}header div.header-text-content h2{font-size:40px}header div.header-text-content h2 span.header-subtitle-outer{display:block;overflow:hidden;transition:color .1s}header div.header-text-content h2 span.header-subtitle-outer span.header-subtitle-inner{display:inline-block;opacity:0;-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0)}header div.header-text-content h2 span.header-subtitle-outer:first-child span.header-subtitle-inner{-webkit-animation:slide-in .75s cubic-bezier(.75,.25,.2,.8) .2s forwards;animation:slide-in .75s cubic-bezier(.75,.25,.2,.8) .2s forwards}header div.header-text-content h2 span.header-subtitle-outer:last-child span.header-subtitle-inner{-webkit-animation:slide-in .75s cubic-bezier(.75,.25,.2,.8) .3s forwards;animation:slide-in .75s cubic-bezier(.75,.25,.2,.8) .3s forwards}header div.header-text-content h3{color:#555;font-size:16px;max-width:480px;overflow:hidden}header div.header-text-content h3 span{-webkit-animation:slide-in 1s cubic-bezier(.35,.25,.2,.8) .75s forwards;animation:slide-in 1s cubic-bezier(.35,.25,.2,.8) .75s forwards;display:inline-block;transition:color .1s}header div.header-button,header div.header-text-content h3 span{opacity:0;-webkit-transform:translate3d(0,80%,0);transform:translate3d(0,80%,0)}header div.header-button{-webkit-animation:slide-in .85s cubic-bezier(.35,.25,.2,.8) .75s forwards;animation:slide-in .85s cubic-bezier(.35,.25,.2,.8) .75s forwards;margin-top:25px}header div.header-button a{text-decoration:none}@media only screen and (max-width:1124px){header{flex-direction:column;height:auto}header,header div.header-image,header div.header-text{width:100%}header div.header-text-content{padding:18% 10% 10%}}@media only screen and (max-width:676px){header div.header-text-content{padding:12%}header div.header-text-content h2{font-size:34px}header div.header-text-content h3{font-size:14px}}button.button-outlined{align-items:center;background-color:transparent;background-position:100% 100%;background-size:200% 100%;border:0;color:#fff;cursor:pointer;display:flex;font-size:22px;height:auto;letter-spacing:1px;padding:14px;text-transform:capitalize;-webkit-transform-origin:left;transform-origin:left;transition:all .3s ease,color 0s,box-shadow 0s;width:auto}button.button-outlined b{opacity:.6;transition:all .3s ease}button.button-outlined span.button-arrow{border-bottom:2px solid #fff;border-left-color:#fff;border-right:2px solid #fff;border-top-color:#fff;display:inline-block;height:6px;margin-left:8px;margin-right:12px;opacity:.6;position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .3s ease;width:6px}button.button-outlined span.button-arrow:before{background-color:#fff;bottom:-1.5px;content:"";height:2px;opacity:.6;position:absolute;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:all .3s ease;width:1px}button.button-outlined:hover{background-position:0 100%;-webkit-transform:scaleX(1.02);transform:scaleX(1.02)}button.button-outlined:hover b{opacity:1}button.button-outlined:hover span.button-arrow{opacity:1;-webkit-transform:translate3d(6px,0,0) rotate(-45deg);transform:translate3d(6px,0,0) rotate(-45deg)}button.button-outlined:hover span.button-arrow:before{opacity:1;width:8px}button.button-outlined:active{-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-transform-origin:left center;transform-origin:left center}button.button-outlined-dark:hover{color:#0e0e12}button.button-outlined-dark:hover span.button-arrow{border-color:#0e0e12}button.button-outlined-dark:hover span.button-arrow:before{background-color:#0e0e12}.Generator{display:flex;flex-direction:column;height:auto;height:100vh;min-height:500px;width:auto}.Generator-toolbar{display:flex;flex-direction:row;justify-content:space-between;padding:0 1.5%}.Generator-toolbar-subtitle{color:#5f5f5f;font-size:20px;font-weight:400;max-width:60%;min-width:50%}.Generator-toolbar-tools{align-items:center;display:flex;height:100%;justify-content:flex-end;padding:0 10px;width:60%}.Generator-toolbar-method{border:5px solid;border-radius:10px;height:20px;position:absolute;right:0;top:0;width:20px;z-index:6}.Generator-toolbar-method-outer{height:20px;position:relative;width:20px}.Generator-toolbar-method-inner{background-color:#0e0e12;border:1px solid;border-radius:8px;color:#555;height:auto;padding-top:32px;position:absolute;right:-6px;top:-6px;width:auto;z-index:5}.Generator-toolbar-method-inner.closed{opacity:0;visibility:hidden}.Generator-toolbar-method-inner.opened{border-radius:auto;opacity:1}.Generator-toolbar-method-inner-element{align-items:center;cursor:pointer;display:flex;font-size:14px;justify-content:center;margin:6px 16px;text-align:center;transition:transform .3s}.Generator-toolbar-method-inner-element:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.Generator-toolbar-method-inner-element:active{-webkit-transform:scale(.98);transform:scale(.98)}.Generator-toolbar-method:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Generator-toolbar-method:active{-webkit-transform:scale(.95);transform:scale(.95)}.Generator-palette-outer{align-items:flex-end;display:flex;flex:1 1;height:auto;justify-content:center;width:100%}.Generator-palette-inner{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-around;padding:0;width:100%}.Generator-palette-inner div:first-child,.Generator-palette-inner div:last-child{border-radius:0}.Generator-palette-color{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;padding:3%;position:relative;width:auto}.Generator-palette-toolset{color:#fff;justify-content:space-between}.Generator-palette-toolset,.Generator-palette-toolset-tools{align-items:center;align-self:stretch;display:flex;flex-direction:column}.Generator-palette-toolset-tools{height:100%;justify-content:flex-end;margin-bottom:20px;opacity:0}.Generator-palette-color:hover .Generator-palette-toolset-tools{opacity:1;visibility:visible}.Generator-palette-toolset-icon:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.Generator-palette-toolset-icon:active{-webkit-transform:scale(.95);transform:scale(.95)}@media only screen and (max-width:992px){.App{height:auto;width:auto}.App-body{grid-gap:0 0;display:grid;gap:0 0;grid-template-areas:"App-body-left" "App-body-right";grid-template-columns:auto;grid-template-rows:auto auto}.App-body-right{margin:10% 0}.Generator-toolbar{align-items:center;display:flex;flex-direction:row;height:12%;justify-content:flex-start}.Generator-toolbar-subtitle{text-align:center}.Generator-toolbar-tools{align-self:stretch;height:100%}}@media only screen and (max-width:600px){.App-header{padding:2% 5%}.App-body-title{width:90%}.App-body-right{-webkit-transform:scale(.9);transform:scale(.9);width:100%}.Nav-header{opacity:0;position:absolute;visibility:hidden}.Burger-menu{align-items:center;display:flex;flex-direction:column;height:20px;justify-content:space-between;opacity:1;visibility:visible;visibility:initial;width:40px}.Burger-menu div{height:1.5px;width:100%}.Burger-menu div.active:first-child{-webkit-transform:rotate(-45deg) translateY(12.5px);transform:rotate(-45deg) translateY(12.5px)}.Burger-menu div.active:nth-child(2){opacity:0}.Burger-menu div.active:last-child{-webkit-transform:rotate(45deg) translateY(-12.5px);transform:rotate(45deg) translateY(-12.5px)}.Color-picker-outer{align-items:center;border-radius:150px!important;display:flex;height:300px!important;justify-content:center;width:300px!important}.Generator{height:100vh}.Generator-palette-outer{border-radius:0 0 8px 8px!important}.Generator-palette-inner{flex-direction:column;padding:0}.Generator-palette-inner div:first-child,.Generator-palette-inner div:last-child{border-radius:0}.Generator-palette-color{flex:1 1;font-size:12px;height:auto;padding:30px;width:100%}.Generator-palette-toolset{align-items:center;display:flex;flex-direction:row-reverse;justify-content:center;width:100%}.Generator-palette-toolset-tools{flex-direction:row;height:auto;margin-bottom:0;margin-left:20px;opacity:1;visibility:visible;width:100%}.Generator-toolbar{height:8%;padding:2% 5%}.Generator-toolbar-subtitle{text-align:start}.Generator-toolbar-generate{width:100%}}
/*# sourceMappingURL=main.1176274a.css.map*/