body{background-image:linear-gradient(#7646ff, #542acd);background-size:100%}#rotate{width:500px;position:relative;left:20%;height:500px}.pie{width:100%;height:100%;background:#dae0e8;border-radius:50%;transform:rotate(90deg)}.button{border-radius:50%;background-color:#23282d;width:15%;height:15%;left:42.5%;top:42.5%;position:absolute;cursor:pointer;pointer-events:initial;z-index:100}.button:after{position:absolute;width:80%;height:80%;border-radius:50%;content:"";left:10%;top:10%;background-image:linear-gradient(#30363d, #23282d);box-shadow:0px 0px 5px #000000}.button:before{background-color:#23282d;width:30%;height:30%;position:absolute;top:-20%;clip-path:polygon(50% 0%, 0% 100%, 100% 100%);content:"";left:35%}#newElem{position:absolute;z-index:100;background-color:red;width:5px;height:5px}.pie circle{fill:none;animation:rotate 1.5s ease-in;pointer-events:none}.pie circle:nth-child(6n+0){stroke:#E6EBF2;stroke-width:32}.pie circle:nth-child(6n+1){stroke:#dae0e8;stroke-width:32}.pie circle:nth-child(6n+2){stroke:#ccd3db;stroke-width:32}.pie circle:nth-child(6n+3){stroke:#c0c8d1;stroke-width:32}.pie circle:nth-child(6n+4){stroke:#dae0e8;stroke-width:32}.pie circle:nth-child(6n+5){stroke:#E6EBF2;stroke-width:32}.pie circle:nth-child(6n+6){stroke:#c0c8d1;stroke-width:32}.rotatebox{width:100%;height:100%;transition:5s ease-out}.rotatebox p{position:absolute;top:50%;left:10%;width:80%;height:142px;line-height:142px;font-size:18px;margin:0;z-index:100}.input{position: relative; z-index: 3;text-align:center;padding-top:20px;margin:0px auto 20px;width:100%}.input input{padding:10px;font-size:32px;background-color:transparent;color:#ffffff;text-align:center;border:0px;outline:0px;margin-bottom:2px}.input input:active{border-bottom:2px solid #FFFFFF;margin-bottom:0px}.input input:focus{border-bottom:2px solid #FFFFFF;margin-bottom:0px}.layers{position:fixed;max-height:80vh;width:30%;right:0px;top:10vh;background-color:#542acd;z-index:10;border-radius:5px;overflow-y:scroll}.layers-bottom-row{background-color:#9c7aff}.item-row{display:flex;width:97%;padding-left:3%;flex-wrap:wrap}.item-row label{flex:1 0 75%}.item-row button{flex:1 0 25%}#result{position:absolute;pointer-events:none;padding:20px;left:50%;top:50%;z-index:101;transform:translate(-50%, -50%);background-color:#E6EBF2;border-radius:5px;box-shadow:0px 0px 40px rgba(0,0,0,0.5);opacity:0;min-width:300px}canvas{position:absolute;z-index:0;top:0}@media screen and (max-width: 1000px){.layers{position:relative;width:100%;max-height:40%;top:auto}#rotate{width:400px;height:400px;padding-bottom:20px;left:50%;transform:translateX(-50%)}}@media screen and (max-width: 450px){#rotate{margin:0px;width:250px;height:250px}}
/*# sourceMappingURL=pie.css.map */