#page-wrap {
     /*  z-index: 1000;
  position: absolute; */
    
    }
      #testcircle {
    position: relative;
    
      }
    

.badge {
    position: relative;
    /* width: 400px;
    transform: rotate(-50deg); */
    border-radius: 50%;
    bottom: 35px;
    right: 10px;

  }
  
  h1 span {
    font: 26px Monaco, MonoSpace;
    height: 300px;
    position: absolute;
    width: 20px;
    left: 0;
    top: 0;
    transform-origin: bottom center;
  }

  .char1 {
    transform: rotate(6deg);
  }
  
  .char2 {
    transform: rotate(9deg);
  }
  
  .char3 {
    transform: rotate(12deg);
  }
  
  .char4 {
    transform: rotate(15deg);
  }
  
  .char5 {
    transform: rotate(18deg);
  }
  
  .char6 {
    transform: rotate(21deg);
  }
  
  .char7 {
    transform: rotate(24deg);
  }
  
  .char8 {
    transform: rotate(27deg);
  }
  
  .char9 {
    transform: rotate(30deg);
  }
  
  .char10 {
    transform: rotate(33deg);
  }
  
  .char11 {
    transform: rotate(36deg);
  }
  
  .char12 {
    transform: rotate(39deg);
  }
  
  .char13 {
    transform: rotate(42deg);
  }
  
  .char14 {
    transform: rotate(45deg);
  }
  
  .char15 {
    transform: rotate(48deg);
  }
  
  .char16 {
    transform: rotate(51deg);
  }
  
  .char17 {
    transform: rotate(54deg);
  }
  
  .char18 {
    transform: rotate(57deg);
  }
  
  .char19 {
    transform: rotate(60deg);
  }
  
  .char20 {
    transform: rotate(63deg);
  }
  
  .char21 {
    transform: rotate(66deg);
  }
  
  .char22 {
    transform: rotate(69deg);
  }
  
  .char23 {
    transform: rotate(72deg);
  }
  
  .char24 {
    transform: rotate(75deg);
  }
  
  .char25 {
    transform: rotate(78deg);
  }
  
  .char26 {
    transform: rotate(81deg);
  }
  
  .char27 {
    transform: rotate(84deg);
  }
  
  .char28 {
    transform: rotate(87deg);
  }
  
  .char29 {
    transform: rotate(90deg);
  }
  
  .char30 {
    transform: rotate(93deg);
  }
  
  .char31 {
    transform: rotate(96deg);
  }
  
  .char32 {
    transform: rotate(99deg);
  }
  
  .char33 {
    transform: rotate(102deg);
  }
  
  .char34 {
    transform: rotate(105deg);
  }
  
  .char35 {
    transform: rotate(108deg);
  }
  
  .char36 {
    transform: rotate(111deg);
  }
  
  .char37 {
    transform: rotate(114deg);
  }
  
  .char38 {
    transform: rotate(117deg);
  }
  
  .char39 {
    transform: rotate(120deg);
  }
  
  .char40 {
    transform: rotate(123deg);
  }
  
  .char41 {
    transform: rotate(126deg);
  }
  
  .char42 {
    transform: rotate(129deg);
  }
  
  .char43 {
    transform: rotate(132deg);
  }
  
  .char44 {
    transform: rotate(135deg);
  }
  
  .char45 {
    transform: rotate(138deg);
  }
  
  .char46 {
    transform: rotate(141deg);
  }
  
  .char47 {
    transform: rotate(144deg);
  }
  
  .char48 {
    transform: rotate(147deg);
  }
  
  .char49 {
    transform: rotate(150deg);
  }
  
  .char50 {
    transform: rotate(153deg);
  }
  
  .char51 {
    transform: rotate(156deg);
  }
  
  .char52 {
    transform: rotate(159deg);
  }
  
  .char53 {
    transform: rotate(162deg);
  }
  
  .char54 {
    transform: rotate(165deg);
  }
  
  .char55 {
    transform: rotate(168deg);
  }
  
  .char56 {
    transform: rotate(171deg);
  }
  
  .char57 {
    transform: rotate(174deg);
  }
  
  .char58 {
    transform: rotate(177deg);
  }
  
  .char59 {
    transform: rotate(180deg);
  }
  
  .char60 {
    transform: rotate(183deg);
  }
  
  .char61 {
    transform: rotate(186deg);
  }
  
  .char62 {
    transform: rotate(189deg);
  }
  
  .char63 {
    transform: rotate(192deg);
  }
  
  .char64 {
    transform: rotate(195deg);
  }
  
  .char65 {
    transform: rotate(198deg);
  }
  
  .char66 {
    transform: rotate(201deg);
  }
  
  .char67 {
    transform: rotate(204deg);
  }
  
  .char68 {
    transform: rotate(207deg);
  }
  
  .char69 {
    transform: rotate(210deg);
  }
  
  .char70 {
    transform: rotate(213deg);
  }
  
  .char71 {
    transform: rotate(216deg);
  }
  
  .char72 {
    transform: rotate(219deg);
  }
  
  .char73 {
    transform: rotate(222deg);
  }
  
  .char74 {
    transform: rotate(225deg);
  }
  
  .char75 {
    transform: rotate(228deg);
  }
  
  .char76 {
    transform: rotate(231deg);
  }
  
  .char77 {
    transform: rotate(234deg);
  }
  
  .char78 {
    transform: rotate(237deg);
  }
  
  .char79 {
    transform: rotate(240deg);
  }
  
  .char80 {
    transform: rotate(243deg);
  }
  
  .char81 {
    transform: rotate(246deg);
  }
  
  .char82 {
    transform: rotate(249deg);
  }
  
  .char83 {
    transform: rotate(252deg);
  }
  
  .char84 {
    transform: rotate(255deg);
  }
  
  .char85 {
    transform: rotate(258deg);
  }
  
  .char86 {
    transform: rotate(261deg);
  }
  
  .char87 {
    transform: rotate(264deg);
  }
  
  .char88 {
    transform: rotate(267deg);
  }
  
  .char89 {
    transform: rotate(270deg);
  }
  
  .char90 {
    transform: rotate(273deg);
  }
  
  .char91 {
    transform: rotate(276deg);
  }
  
  .char92 {
    transform: rotate(279deg);
  }
  
  .char93 {
    transform: rotate(282deg);
  }
  
  .char94 {
    transform: rotate(285deg);
  }
  
  .char95 {
    transform: rotate(288deg);
  }
  
  .char96 {
    transform: rotate(291deg);
  }
  
  .char97 {
    transform: rotate(294deg);
  }
  
  .char98 {
    transform: rotate(297deg);
  }
  
  .char99 {
    transform: rotate(300deg);
  }
  
  .char100 {
    transform: rotate(303deg);
  }
  
  .char101 {
    transform: rotate(306deg);
  }
  
  .char102 {
    transform: rotate(309deg);
  }
  
  .char103 {
    transform: rotate(312deg);
  }
  
  .char104 {
    transform: rotate(315deg);
  }
  
  .char105 {
    transform: rotate(318deg);
  }
  
  .char106 {
    transform: rotate(321deg);
  }
  
  .char107 {
    transform: rotate(324deg);
  }
  
  .char108 {
    transform: rotate(327deg);
  }
  
  .char109 {
    transform: rotate(330deg);
  }
  
  .char110 {
    transform: rotate(333deg);
  }
  
  .char111 {
    transform: rotate(336deg);
  }
  
  .char112 {
    transform: rotate(339deg);
  }
  
  .char113 {
    transform: rotate(342deg);
  }
  
  .char114 {
    transform: rotate(345deg);
  }
  
  .char115 {
    transform: rotate(348deg);
  }
  
  .char116 {
    transform: rotate(351deg);
  }
  
  .char117 {
    transform: rotate(354deg);
  }
  
  .char118 {
    transform: rotate(357deg);
  }
  
  .char119 {
    transform: rotate(360deg);
  }
  
  /* .char1 {
    transform: rotate(6deg);
  }
  
  .char2 {
    transform: rotate(12deg);
  }
  
  .char3 {
    transform: rotate(18deg);
  }
  
  .char4 {
    transform: rotate(24deg);
  }
  
  .char5 {
    transform: rotate(30deg);
  }
  
  .char6 {
    transform: rotate(36deg);
  }
  
  .char7 {
    transform: rotate(42deg);
  }
  
  .char8 {
    transform: rotate(48deg);
  }
  
  .char9 {
    transform: rotate(54deg);
  }
  
  .char10 {
    transform: rotate(60deg);
  }
  
  .char11 {
    transform: rotate(66deg);
  }
  
  .char12 {
    transform: rotate(72deg);
  }
  
  .char13 {
    transform: rotate(78deg);
  }
  
  .char14 {
    transform: rotate(84deg);
  }
  
  .char15 {
    transform: rotate(90deg);
  }
  
  .char16 {
    transform: rotate(96deg);
  }
  
  .char17 {
    transform: rotate(102deg);
  }
  
  .char18 {
    transform: rotate(108deg);
  }
  
  .char19 {
    transform: rotate(114deg);
  }
  
  .char20 {
    transform: rotate(120deg);
  }
  
  .char21 {
    transform: rotate(126deg);
  }
  
  .char22 {
    transform: rotate(132deg);
  }
  
  .char23 {
    transform: rotate(138deg);
  }
  
  .char24 {
    transform: rotate(144deg);
  }

  .char25 {
    transform: rotate(150deg);
  }
  
  .char26 {
    transform: rotate(156deg);
  }
  
  .char27 {
    transform: rotate(162deg);
  }
  
  .char28 {
    transform: rotate(168deg);
  }
  
  .char29 {
    transform: rotate(174deg);
  }
  
  .char30 {
    transform: rotate(180deg);
  }
  .char31 {
    transform: rotate(186deg);
  }
  
  .char32 {
    transform: rotate(192deg);
  }
  
  .char33 {
    transform: rotate(198deg);
  }
  
  .char34 {
    transform: rotate(204deg);
  }
  
  .char35 {
    transform: rotate(210deg);
  }
  
  .char36 {
    transform: rotate(216deg);
  }
  
  .char37 {
    transform: rotate(222deg);
  }
  
  .char38 {
    transform: rotate(228deg);
  }
  
  .char39 {
    transform: rotate(234deg);
  }
  
  .char40 {
    transform: rotate(240deg);
  }
  
  .char41 {
    transform: rotate(246deg);
  }
  
  .char42 {
    transform: rotate(252deg);
  }
  
  .char43 {
    transform: rotate(258deg);
  }
  
  .char44 {
    transform: rotate(264deg);
  }
  
  .char45 {
    transform: rotate(270deg);
  }
  
  .char46 {
    transform: rotate(276deg);
  }
  
  .char47 {
    transform: rotate(282deg);
  }
  
  .char48 {
    transform: rotate(288deg);
  }
  
  .char49 {
    transform: rotate(294deg);
  }
  
  .char50 {
    transform: rotate(300deg);
  }
  
  .char51 {
    transform: rotate(306deg);
  }
  
  .char52 {
    transform: rotate(312deg);
  }
  
  .char53 {
    transform: rotate(318deg);
  }
  
  .char54 {
    transform: rotate(324deg);
  }
  
  .char55 {
    transform: rotate(330deg);
  }
  
  .char56 {
    transform: rotate(336deg);
  }
  
  .char57 {
    transform: rotate(342deg);
  }
  
  .char58 {
    transform: rotate(348deg);
  }
  
  .char59 {
    transform: rotate(354deg);
  }
  
  .char60 {
    transform: rotate(360deg);
  } */