@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap);body{background-color:#f5f5f5;box-sizing:border-box;font-family:Fira Code,monospace;overflow-x:hidden}header{background-color:#fff;height:5vh;margin:-.63rem -.63rem 1.25rem -.94rem;padding:1.06rem 1rem}header .logo{height:29vh;max-width:100%;transform:translate(-13.75rem,-3.94rem)}.logo-title{float:left;font-weight:900;max-width:100%;transform:translate(9.38rem,.19rem)}header a{color:#000;text-decoration:none}.menu{float:right}.menu a{border-radius:.19rem;color:#000;cursor:pointer;display:inline-block;font-weight:700;padding:.63rem 1.25rem;text-decoration:none;transition:all .3s ease-in-out}.menu a:hover{background:#45a049;color:#fff;cursor:pointer}.container{align-items:center;display:flex;justify-content:center;margin:0}.controls-container{background-color:#fff;border-radius:.63rem;box-shadow:-.06rem 0 .63rem #000;max-width:43.75rem;padding:1.25rem;width:80%}h1,h2,h3{text-align:center}#circular-title{font-size:1rem}.controls{display:flex;flex-wrap:wrap;gap:.63rem;justify-content:space-between;margin-bottom:1.25rem;text-align:center}.controls-title{color:#45a049;font-weight:900;margin:.63rem auto .31rem}.controls label{flex:1 1 100%;margin-left:1.88rem}.controls input{flex-basis:calc(50% - 0.63rem);flex-grow:1;flex-shrink:1}input[type=number]{background:#0000;border:1px solid #000;color:#000;font-size:1rem;font-weight:100;padding:.06rem 0 0 3.13rem;width:10%}.animation-controls{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.63rem;justify-content:space-between;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.animation-controls.visible{max-height:6.25rem;opacity:1}button{background-color:#4caf50;border:none;border-radius:.31rem;color:#fff;cursor:pointer;flex:1 1 100%;padding:.63rem}button:hover{background-color:#45a049}.code,.preview{margin-top:1.25rem}#progressContainer{background-color:#ccc;border-radius:.63rem;overflow:hidden;position:relative;width:100%}#progressBar{background-color:#4caf50;height:1.25rem;width:50%}.percentage{color:#fff;font-size:1rem;padding-right:.31rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}#circularContainer{aspect-ratio:1;background-color:#ccc;border-radius:50%;max-height:100%;max-width:100%;overflow:hidden;position:relative}#circularSVG{height:100%;transform:rotate(-90deg);width:100%}#circularBackground{fill:none;stroke:#ccc;stroke-width:20}#circularBar{fill:none;stroke:#4caf50;stroke-width:20}.circularPercentage{color:#4caf50;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.code{margin-top:1.25rem;overflow-x:auto}.code pre{word-wrap:break-word;white-space:pre-wrap}.section{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:2rem;margin:1rem;min-height:52vh;text-align:center}.footer-container{background:#fff;margin-bottom:-5rem;margin-top:10rem}.policy-container{border-top:.13rem solid #f4f7f9;display:flex;height:8vh;justify-content:center}#footer-1{margin-top:1.63rem}#footer-1 a{color:#45a049;cursor:pointer;font-weight:700}#footer-1 a,#footer-1 a:hover{text-decoration:none}#footer-2{color:#000;display:flex;justify-content:center;padding-bottom:1rem}@media (min-width:1550px) and (max-width:3200px){.logo-title{transform:translate(17.19rem,1.25rem)}header .logo{transform:translate(-16.25rem,-7.94rem)}}@media screen and (max-width:1500px){.logo-title{float:left;transform:translate(11.25rem,.63rem)}header .logo{height:30vh;transform:translate(-16.25rem,-5.31rem)}}@media screen and (max-width:1498px){.container{display:block}header .logo{float:left;height:6.63rem;margin-top:-1.06rem;transform:none;width:6.63rem}.logo-title{transform:translate(.06rem,.88rem)}.controls-container{margin:auto}}@media screen and (max-width:768px){.menu a{display:none}.section{display:block}.policy-container{font-size:.63rem;height:10vh}#footer-2{font-size:.56rem}}
/*# sourceMappingURL=main.379b642c.css.map*/