.header{background-color:#1e1e1e;border-bottom:1px solid gray;box-shadow:1px 1px 10px 3px #fff;height:10vh;justify-content:space-between;width:100vw;z-index:100}.header,.header .header__left{align-items:center;display:flex}.header .header__left{margin-left:20px}.header .header__left .header__title{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:animateLogo;animation-name:animateLogo;background:-webkit-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));background:gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));-webkit-background-clip:text;background-clip:text;background-position:0 0;background-repeat:no-repeat;background-size:0 100%;color:hsla(0,0%,100%,.4);cursor:pointer;font-size:32px;font-weight:700;letter-spacing:2px;text-align:center}@media(max-width:375px){.header .header__left .header__title{font-size:20px;margin:0 0 0 -5px}}@-webkit-keyframes animateLogo{0%{background-position:0 0;background-size:0 100%}10%{background-size:40% 100%}to{background-position:100%;background-size:50px 100%}}@keyframes animateLogo{0%{background-position:0 0;background-size:0 100%}10%{background-size:40% 100%}to{background-position:100%;background-size:50px 100%}}.header .header__right{align-items:center;display:flex;margin-right:30px;margin-top:2.5px}.header .header__right .github--link{text-decoration:none}.header .header__right select{background-color:#1e1e1e;border:1px solid hsla(0,0%,100%,.7);border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:0 20px;outline:none;padding:5px}.header .header__right select:hover{border-color:#fff}@media(max-width:375px){.header .header__right select{font-size:12px;margin:0 6px;padding:3px}}.header .header__right option{font-size:16px}@media(max-width:375px){.header .header__right option{font-size:14px;margin:5px 8px;padding:5px}}.header .header__right .githubIcon{opacity:.8;transition:opacity .1s}.header .header__right .githubIcon:hover{opacity:1}.header .header__right .icon{color:#fff;cursor:pointer;font-size:32px;margin:0 20px;padding:5px;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}@media(max-width:375px){.header .header__right .icon{font-size:28px;margin:0 3px}}.header .header__right .themeIcon{background-color:#5a15b4;border-radius:50%;color:#ff0;opacity:.9;transition:opacity .1s}.header .header__right .themeIcon:hover{opacity:1}.header .header__right .moonIcon{color:#fff;-webkit-transform:rotate(-110deg);transform:rotate(-110deg)}.header--light{background-color:#fff}.header--light .header__left .header__title{color:#000}.editor{background-color:#1e1e1e;color:#fff;flex-grow:1;height:90vh;padding:10px;width:65%}@media(max-width:375px){.editor{width:55%}}.download_button{background-color:#1e1e1e;height:40px!important;margin-left:95%;width:40px!important}.download_button :hover{fill:#f0f8ff!important}body,html{box-sizing:border-box;height:100%;margin:0;overflow:hidden}.terminal{background-color:#1e1e1e;display:flex;flex-direction:column;height:90vh;transition:width .25s ease-in-out;width:35%}@media(max-width:375px){.terminal{width:38%}}.terminal .subTerminalInput{background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI;height:45vh;justify-content:space-around;padding:10px}.terminal .subTerminalInput .fieldNameInput{align-items:center;display:flex;font-size:20px;justify-content:space-between;letter-spacing:1px;margin-bottom:10px}@media(max-width:375px){.terminal .subTerminalInput .fieldNameInput{font-size:18px;width:50%}}.terminal .subTerminalInput .textFieldInput{background-color:#1e1e1e;color:#fff;font-size:16px;height:30vh;padding:10px;resize:none}.terminal .subTerminalOutput{background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI;height:45vh;justify-content:space-around;padding:10px}.terminal .subTerminalOutput .fieldNameOutput{align-items:center;display:flex;font-size:20px;justify-content:space-between;letter-spacing:1px;margin-bottom:10px}@media(max-width:375px){.terminal .subTerminalOutput .fieldNameOutput{font-size:18px;width:50%}}.terminal .subTerminalOutput .textFieldOutput{background-color:#1e1e1e;color:#fff;font-size:16px;height:30vh;padding:10px;resize:none}.collapsed{width:7%}.collapsed .subTerminalInput,.collapsed .subTerminalOutput{display:none}.main{display:flex;width:100%}.main .showCode{border:2px solid hsla(0,0%,100%,.8);border-radius:50px;color:hsla(0,0%,100%,.8);cursor:pointer;margin:10px 20px;padding:5px;position:absolute;right:0;transition:color,border-color .1s ease-in-out;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.main .showCode:hover{border-color:#fff;color:#fff}.main .showCode--collapsed{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.main .submitCode{background-color:#00ab66;border:none;border-radius:50px;bottom:4%;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:3em;margin:10px 20px;padding:5px;position:absolute;right:1%;transition:color .1s ease-in-out}.main .submitCode:hover{color:#fff}.main .submitCode--progress{padding:9px}.color-picker-container{position:relative}.color-picker-palette{position:absolute;z-index:100}.color-picker-cover{bottom:0;left:0;position:fixed;right:0;top:0}.color-picker-color-background{background-color:#999;float:left;height:35px;position:fixed;width:35px}.icon-bar button{display:block;font-size:30px;text-align:center;transition:all .3s ease;width:auto}.icon-vbar{align-items:center;background-color:#f0f0f0;display:flex;justify-content:space-around;overflow:auto;width:100%}.icon-vbar div{color:#fff;display:inline-block;font-size:8px;padding:12px;text-align:center;transition:all .3s ease}.rcp-light{--rcp-background:#fff;--rcp-input-text:#111;--rcp-input-border:rgba(0,0,0,.1);--rcp-input-label:#717171}.rcp-dark{--rcp-background:#181818;--rcp-input-text:#f3f3f3;--rcp-input-border:hsla(0,0%,100%,.1);--rcp-input-label:#999}.rcp{background-color:var(--rcp-background);border-radius:10px}.rcp,.rcp-body{align-items:center;display:flex;flex-direction:column}.rcp-body{box-sizing:border-box;gap:20px;justify-content:center;padding:20px;width:100%}.rcp-saturation{background-image:linear-gradient(transparent,#000),linear-gradient(90deg,#fff,transparent);border-radius:10px 10px 0 0;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.rcp-saturation-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 15px 0 rgba(0,0,0,.15);box-sizing:border-box;height:20px;position:absolute;-webkit-transform:translate(-10px,-10px);transform:translate(-10px,-10px);width:20px}.rcp-hue{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;height:12px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.rcp-hue-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 .5px rgba(0,0,0,.2);box-sizing:border-box;height:20px;position:absolute;-webkit-transform:translate(-10px,-4px);transform:translate(-10px,-4px);width:20px}.rcp-alpha{border-radius:10px;height:12px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.rcp-alpha-cursor{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 .5px rgba(0,0,0,.2);box-sizing:border-box;height:20px;position:absolute;-webkit-transform:translate(-10px,-4px);transform:translate(-10px,-4px);width:20px}.rcp-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.rcp-fields-element{align-items:center;display:flex;flex-direction:column;gap:5px;width:100%}.hex-element{grid-row:1}.hex-element:nth-child(3n){grid-column:1/-1}.rcp-fields-element-input{background:none;border:2px solid;border-color:var(--rcp-input-border);border-radius:5px;box-sizing:border-box;color:var(--rcp-input-text);font-size:14px;font-weight:600;outline:none;padding:10px;text-align:center;width:100%}.rcp-fields-element-label{color:var(--rcp-input-label);font-size:14px;font-weight:600;text-transform:uppercase}.center{align-items:center;background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;justify-content:center;min-height:100vh}.error{align-content:center;display:flex;flex-direction:row;justify-content:space-between}.number{font-size:15rem;font-weight:900;line-height:1}.illustration{margin:0 2.1rem;position:relative;width:12.2rem}.circle{background-color:#293b49;border-radius:50%;bottom:0;height:11.4rem;left:0;position:absolute;width:12.2rem}.clip{border-radius:0 0 50% 50%;bottom:.3rem;height:13rem;overflow:hidden;width:12.5rem}.clip,.paper{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.paper{border:.3rem solid #293b49;border-radius:.8rem;bottom:-.3rem;height:12.4rem;width:9.2rem}.paper,.paper:before{background-color:#fff}.paper:before{border-bottom:.3rem solid #293b49;content:"";height:1rem;position:absolute;right:-.7rem;top:-.7rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.4rem}.face{margin-top:2.3rem;position:relative}.eyes{left:2.4rem;top:0;width:4.6rem}.eye,.eyes{height:.8rem;position:absolute}.eye{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:eye;animation-name:eye;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:#293b49;border-radius:50%;bottom:0;width:.8rem}.eye-left{left:0}.eye-right{right:0}@-webkit-keyframes eye{0%{height:.8rem}50%{height:.8rem}52%{height:.1rem}54%{height:.8rem}to{height:.8rem}}@keyframes eye{0%{height:.8rem}50%{height:.8rem}52%{height:.1rem}54%{height:.8rem}to{height:.8rem}}.rosyCheeks{background-color:#fdabaf;border-radius:50%;height:.2rem;position:absolute;top:1.6rem;width:1rem}.rosyCheeks-left{left:1.4rem}.rosyCheeks-right{right:1.4rem}.mouth{background-color:#293b49;border-radius:.1rem;height:.2rem;left:50%;position:absolute;top:3.1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1.6rem}.text{color:#fff;font-weight:300;margin-top:5rem}.button{background-color:#04cba0;color:#fff;margin-top:4rem;padding:1.2rem 3rem;text-decoration:none}.button:hover{background-color:#01ac88}
/*# sourceMappingURL=main.4d3b2da7.css.map*/