body{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}nav .btn-group{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.Link{border:none;padding:10px;background:#b94b9b;color:#eee}.Link:hover{background:#722c5f;box-shadow:0 3px 3px 3px rgba(124,79,79,.1);cursor:pointer;transition:.2s ease}.github{width:100%;height:90vh}.github,.github .githubInner{display:-ms-grid;display:grid;place-items:center}.github .githubInner{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:50px;gap:50px}.github .gitIcon{font-size:10rem;color:#b94b9b}.github a{font-size:2rem;color:#d3d3d3}footer{margin:0 auto}footer p{font-size:1rem;margin:20px}body{background:#f7f7f7;margin:0;padding:0;box-sizing:border-box}.container{max-width:100%;height:100%}.content{-ms-grid-columns:1fr;grid-template-columns:1fr}.content,nav{display:-ms-grid;display:grid}nav{width:100%;height:auto;border-bottom:1px solid #ccc;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);place-items:center;box-shadow:0 3px 3px 3px rgba(0,0,0,.1);z-index:3;position:-webkit-sticky;position:sticky;top:0;background:#f7f7f7}nav .btn-group{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}nav .btn-group,nav div{display:-ms-grid;display:grid}nav div{-ms-grid-columns:70px 1fr;grid-template-columns:70px 1fr;justify-items:center;align-items:center}h1{font-family:"Roboto Mono",monospace;font-size:1.8rem;letter-spacing:2px;color:#c05da5}h1 span{color:#84336e}button,h4,label,option,p,select{font-family:"Roboto Mono",monospace;margin:2px}select{padding:10px}.range{display:-ms-grid;display:grid;width:100%;height:100vh;place-items:center;-ms-grid-columns:20% 80%;grid-template-columns:20% 80%;border-bottom:1px solid grey}.range .settings{background:#eee;margin:0 auto;height:100%;z-index:1;display:block;border-right:1px dotted #ccc}.range .settings .settings-inner{padding:15px}.range .settings .settings-separator{width:100%;height:1px;margin:5px 0;background:#aeaeae}.range label,.range p{font-size:.7rem}.range label span,.range p span{color:#9b9999;font-size:.7rem}.range select{width:100%;margin:5px 0;padding:10px}.range option{background:#d3d3d3}.range .dimensions select,.range .rgbaControls select,.range .setBorderControls select,.range .setBorder select{padding:0;margin:0;background:#d5d5d5}.range .dimensions,.range .rgbaControls,.range .setBorder{display:-ms-grid;display:grid;grid-gap:10px;gap:10px;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.range .setBorderIndividual{display:-ms-grid;display:grid;grid-gap:10px;gap:10px;-ms-grid-columns:1fr;grid-template-columns:1fr}.range .setBorderIndividual .setBorderControls{display:-ms-grid;display:grid;grid-gap:5px;gap:5px;-ms-grid-columns:80px 40px 50px 1fr;grid-template-columns:80px 40px 50px 1fr}.range .perspective,.range .skew{border-bottom:1px solid #bbb;margin-top:6px;margin-bottom:6px}.range .perspective div,.range .skew div{display:-ms-grid;display:grid;-ms-grid-columns:20px 1fr 20px 1fr;grid-template-columns:20px 1fr 20px 1fr}.range .perspective input[type=range],.range .skew input[type=range]{width:auto}.range .shadow-options{display:-ms-grid;display:grid;-ms-grid-columns:(45px)[8];grid-template-columns:repeat(8,45px);font-size:.7rem;margin:4px 0;padding:2px 0;border-bottom:1px solid #bbb}.grayAndBlur{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}input[type=number]{font-size:.7rem;background:#eee;border:1px solid #e1e1e1;padding:4px;color:#84336e}input[type=number]:hover{border:1px solid #bbb}input[type=color],input[type=range]{width:100%}input[type=color]:hover,input[type=range]:hover{cursor:pointer}input[type=color]{-webkit-appearance:none;border:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}.shadowCheckbox{display:flex;align-items:center;background:#dedede}.output{background:#eee}.codeOutput,.output{display:-ms-grid;display:grid;place-items:center;width:100%;height:100vh}.codeOutput{background:#d5d5d5}.codeOutput .codeOutput_lang{margin:30px 0;padding:15px;border:1px solid #d5d5d5}.codeOutput .codeOutput_lang:hover{border:1px solid #b94b9b}.codeOutput .colored_className{font-size:1.4rem;color:#4d1e40}.codeOutput .colored_className span{font-size:1.6rem;background:#b94b9b;color:#f5f5f5;padding:0 15px}.codeOutput .colored:nth-child(odd){color:#963b7d;font-size:1.4rem}.codeOutput .colored:nth-child(2n){color:#c770af;font-size:1.4rem}.awsome{color:#a5a5a5;font-size:.7rem;margin:0 3px}.awsomeBtn{font-size:1.1rem;margin-right:0 3px}button{width:100%;border:none;padding:10px;background:#b94b9b;color:#eee}button:hover{background:#722c5f;box-shadow:0 3px 3px 3px rgba(124,79,79,.1);cursor:pointer;transition:.2s ease}.animatedLogo{-ms-grid-columns:1fr;grid-template-columns:1fr;margin:0 auto;width:100%;height:calc(100vh - 90px);background:#f7f7f7;border-bottom:1px solid #ccc}.animatedLogo,.animatedLogo .animatedCenter{display:-ms-grid;display:grid;place-items:center}.animatedLogo .animatedCenter{width:"50%";-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:100px;gap:100px}.animatedLogo .logotype_desc h1{font-size:5rem;margin:0}.animatedLogo .logotype_desc h2{font-size:3rem;color:#ababab;margin:0}.animatedLogo .logotype_desc h3{font-size:2rem}.animatedLogo .logotype_desc h3 span{color:#848484;-webkit-text-decoration:2px underline #b94b9b;text-decoration:2px underline #b94b9b}.animatedLogo .logotype_desc h3 span:before{content:"";animation:animate 15s infinite}@keyframes animate{0%{content:"dynamically"}20%{content:"quickly"}40%{content:"without limits"}60%{content:"code free"}80%{content:"creatively"}to{content:"immediately"}}.svgPath:hover{fill:#c770af;cursor:pointer}.testanimacjaparent{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.testanimacja{width:100px;height:auto;background:pink;margin:0}.pokaz:nth-child(odd){color:grey}.pokaz:hover{background:pink;cursor:pointer}
/*# sourceMappingURL=main.9a30b04d.chunk.css.map */