1. html,

  2. body {

  3.   padding: 0px;

  4.   margin: 0px;

  5.   user-select: none;

  6.   font-family: Karla, Helvetica Neue, Helvetica, sans-serif;

  7.   background: rgb(34, 34, 34);

  8.   color: white;

  9.   overflow: hidden;

  10. }

  11. 

  12. .VictoryContainer {

  13.   opacity: 0.8;

  14. }

  15. 

  16. * {

  17.   box-sizing: border-box;

  18. }

  19. 

  20. #root {

  21.   height: 100vh;

  22. }

  23. 

  24. .container {

  25.   width: 100%;

  26.   max-width: 960px;

  27.   margin: auto;

  28.   padding: 10px;

  29. }

  30. 

  31. .rendering {

  32.   margin-top: 20px;

  33.   margin-bottom: 20px;

  34.   zoom: 1.8;

  35.   text-align: center;

  36.   display: flex;

  37.   justify-content: space-between;

  38. }

  39. 

  40. label {

  41.   zoom: 1;

  42.   font-size: 30px;

  43. }

  44. 

  45. label.selected {

  46.   font-weight: bold;

  47. }

  48. 

  49. label:nth-child(1).selected {

  50.   color: rgb(253, 25, 153);

  51. }

  52. 

  53. label:nth-child(2).selected {

  54.   color: rgb(255, 240, 1);

  55. }

  56. 

  57. label:nth-child(3).selected {

  58.   color: #61dafb;

  59. }

  60. 

  61. input[type="radio" i]:nth-child(1) {

  62.   margin-left: 0;

  63. }

  64. 

  65. .chart {

  66.   width: 100%;

  67.   height: 100%;

  68. }

  69. 

  70. .input {

  71.   padding: 16px;

  72.   font-size: 30px;

  73.   width: 100%;

  74.   display: block;

  75. }

  76. .input.sync {

  77.   outline-color: rgba(253, 25, 153, 0.1);

  78. }

  79. .input.debounced {

  80.   outline-color: rgba(255, 240, 1, 0.1);

  81. }

  82. .input.async {

  83.   outline-color: rgba(97, 218, 251, 0.1);

  84. }

  85. 

  86. 

  87. label {

  88.   font-size: 20px;

  89. }

  90. 

  91. label label {

  92.   display: 'inline-block';

  93.   margin-left: 20px;

  94. }

  95. 

  96. .row {

  97.   flex: 1;

  98.   display: flex;

  99.   margin-top: 20px;

  100.   min-height: 100%;

  101. }

  102. 

  103. .column {

  104.   flex: 1;

  105. }

  106. 

  107. .demo {

  108.   position: relative;

  109.   min-height: 100vh;

  110. }

  111. 

  112. .stutterer {

  113.   transform: scale(1.5);

  114.   height: 310px;

  115.   width: 310px;

  116.   position: absolute;

  117.   left: 0;

  118.   right: 0;

  119.   top: -256px;

  120.   bottom: 0;

  121.   margin: auto;

  122.   box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);

  123.   border-radius: 200px;

  124. }

  125. 

  126. .clockHand {

  127.   stroke: white;

  128.   stroke-width: 10px;

  129.   stroke-linecap: round;

  130. }

  131. 

  132. .clockFace {

  133.   stroke: white;

  134.   stroke-width: 10px;

  135. }

  136. 

  137. .arcHand {

  138. }

  139. 

  140. .innerLine {

  141.   border-radius: 6px;

  142.   position: absolute;

  143.   height: 149px;

  144.   left: 47.5%;

  145.   top: 0%;

  146.   width: 5%;

  147.   background-color: red;

  148.   transform-origin: bottom center;

  149. }
About Sign Up Leave Feedback Contact