body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.2rem;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#fff;margin:0;padding:0}header div{justify-content:space-between;margin:1rem}header div,header div ul{display:flex;flex-direction:row}header div ul{align-items:center;justify-content:center;text-decoration:none}header div ul li{color:#fff;list-style:none;margin:auto 10px}header div ul li:hover{color:#ffebcd}@media screen and (max-width:600px){header div ul{display:none}}:root{--background:#f8f8f8;--dark:#303032}*{box-sizing:border-box;margin:0;padding:0}.box1{background:#000;border:.25rem solid #4c4ca9;border-radius:50%;height:8rem;outline:0;overflow:hidden;position:relative;width:8rem}.box1:before{align-items:center;content:"95%";display:flex;height:100%;justify-content:center;width:100%}.box1:after{animation:spin1 4s ease-in forwards;animation-iteration-count:1;background-color:#f8f8f8;background-color:var(--background);border-radius:35%;bottom:-30%;content:"";height:200%;left:-50%;position:absolute;width:200%}@keyframes spin1{0%{transform:translateY(-15%) rotate(0deg)}to{transform:translateY(-60%) rotate(395deg)}}.box2{background:#000;border:.25rem solid #4c4ca9;border-radius:50%;height:8rem;outline:0;overflow:hidden;position:relative;width:8rem}.box2:before{align-items:center;content:"80%";display:flex;height:100%;justify-content:center;width:100%}.box2:after{animation:spin2 4s ease-in forwards;animation-iteration-count:1;background-color:#f8f8f8;background-color:var(--background);border-radius:35%;bottom:-30%;content:"";height:200%;left:-50%;position:absolute;width:200%}@keyframes spin2{0%{transform:translateY(-15%) rotate(0deg)}to{transform:translateY(-55%) rotate(405deg)}}.box3{background:#000;border:.25rem solid #4c4ca9;border-radius:50%;height:8rem;outline:0;overflow:hidden;position:relative;width:8rem}.box3:before{align-items:center;content:"78%";display:flex;height:100%;justify-content:center;width:100%}.box3:after{animation:spin3 4s ease-in forwards;animation-iteration-count:1;background-color:#f8f8f8;background-color:var(--background);border-radius:35%;bottom:-30%;content:"";height:200%;left:-50%;position:absolute;width:200%}@keyframes spin3{0%{transform:translateY(-15%) rotate(0deg)}to{transform:translateY(-53%) rotate(400deg)}}.box4{background:#000;border:.25rem solid #4c4ca9;border-radius:50%;height:8rem;outline:0;overflow:hidden;position:relative;width:8rem}.box4:before{align-items:center;content:"75%";display:flex;height:100%;justify-content:center;width:100%}.box4:after{animation:spin4 4s ease-in forwards;animation-iteration-count:1;background-color:#f8f8f8;background-color:var(--background);border-radius:35%;bottom:-30%;content:"";height:200%;left:-50%;position:absolute;width:200%}@keyframes spin4{0%{transform:translateY(-15%) rotate(0deg)}to{transform:translateY(-51%) rotate(390deg)}}.box5{background:#000;border:.25rem solid #4c4ca9;border-radius:50%;height:8rem;outline:0;overflow:hidden;position:relative;width:8rem}.box5:before{align-items:center;content:"88%";display:flex;height:100%;justify-content:center;width:100%}.box5:after{animation:spin5 4s ease-in forwards;animation-iteration-count:1;background-color:#f8f8f8;background-color:var(--background);border-radius:35%;bottom:-30%;content:"";height:200%;left:-50%;position:absolute;width:200%}@keyframes spin5{0%{transform:translateY(-15%) rotate(0deg)}to{transform:translateY(-58%) rotate(380deg)}}.box6{background:#000;border:.25rem solid #4c4ca9;border-radius:50%;height:8rem;outline:0;overflow:hidden;position:relative;width:8rem}.box6:before{align-items:center;content:"72%";display:flex;height:100%;justify-content:center;width:100%}.box6:after{animation:spin6 4s ease-in forwards;animation-iteration-count:1;background-color:#f8f8f8;background-color:var(--background);border-radius:35%;bottom:-30%;content:"";height:200%;left:-50%;position:absolute;width:200%}@keyframes spin6{0%{transform:translateY(-15%) rotate(0deg)}to{transform:translateY(-50%) rotate(370deg)}}.box7{background:#000;border:.25rem solid #4c4ca9;border-radius:50%;height:8rem;outline:0;overflow:hidden;position:relative;width:8rem}.box7:before{align-items:center;content:"70%";display:flex;height:100%;justify-content:center;width:100%}.box7:after{animation:spin7 4s ease-in forwards;animation-iteration-count:1;background-color:#f8f8f8;background-color:var(--background);border-radius:35%;bottom:-30%;content:"";height:200%;left:-50%;position:absolute;width:200%}@keyframes spin7{0%{transform:translateY(-15%) rotate(0deg)}to{transform:translateY(-48%) rotate(395deg)}}.custom-field{font-size:14px;margin-bottom:5px;padding-top:20px;position:relative}.custom-field input{-webkit-appearance:none;appearance:none;background:#000;border:2px solid #fff;border-radius:3px;color:#fff;outline:none;padding:12px;width:80vw}.custom-field .placeholder{color:#fff;left:12px;position:absolute;top:calc(50% + 10px);transform:translateY(-50%);transition:top .3s ease,font-size .3s ease,color .3s ease}.custom-field input:focus+.placeholder,.custom-field input:valid+.placeholder{background-color:#000;color:#fff;font-size:12px;top:10px}.custom-field .one input{background:none;border:2px solid #ddd;transition:border-color .3s ease}.custom-field .one input:focus,.custom-field .one input:valid{border-color:#222;transition-delay:.1s}.custom-field.one input+.placeholder{left:8px;padding:0 5px}.custom-field.one input:focus+.placeholder,.custom-field.one input:valid+.placeholder{background:#000;top:20px}
/*# sourceMappingURL=main.608941af.css.map*/