Texts rotated 360 degrees

This examples draws 360 absolute positioned boxes with the same content but each rotated by 1 degress. In the end you will see some circular structure from the texts being overprinted.

Repository files

PDF files

Converter Status PDF Preview
PDFreactor  OK
PrinceXML  OK
Antennahouse  (OK)
different disc size compared to all other converters
Weasyprint  OK
PagedJS  OK
Typeset.sh  OK
Vivliostyle  OK
OK OK with issues Error Unsupported

HTML input

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>
    <body>
        <div class="box" id="r-0">Hello world</div>
        <div class="box" id="r-1">Hello world</div>
        <div class="box" id="r-2">Hello world</div>
        <div class="box" id="r-3">Hello world</div>
        <div class="box" id="r-4">Hello world</div>
        <div class="box" id="r-5">Hello world</div>
        <div class="box" id="r-6">Hello world</div>
        <div class="box" id="r-7">Hello world</div>
        <div class="box" id="r-8">Hello world</div>
        <div class="box" id="r-9">Hello world</div>
        <div class="box" id="r-10">Hello world</div>
        <div class="box" id="r-11">Hello world</div>
        <div class="box" id="r-12">Hello world</div>
        <div class="box" id="r-13">Hello world</div>
        <div class="box" id="r-14">Hello world</div>
        <div class="box" id="r-15">Hello world</div>
        <div class="box" id="r-16">Hello world</div>
        <div class="box" id="r-17">Hello world</div>
        <div class="box" id="r-18">Hello world</div>
        <div class="box" id="r-19">Hello world</div>
        <div class="box" id="r-20">Hello world</div>
        <div class="box" id="r-21">Hello world</div>
        <div class="box" id="r-22">Hello world</div>
        <div class="box" id="r-23">Hello world</div>
        <div class="box" id="r-24">Hello world</div>
        <div class="box" id="r-25">Hello world</div>
        <div class="box" id="r-26">Hello world</div>
        <div class="box" id="r-27">Hello world</div>
        <div class="box" id="r-28">Hello world</div>
        <div class="box" id="r-29">Hello world</div>
        <div class="box" id="r-30">Hello world</div>
        <div class="box" id="r-31">Hello world</div>
        <div class="box" id="r-32">Hello world</div>
        <div class="box" id="r-33">Hello world</div>
        <div class="box" id="r-34">Hello world</div>
        <div class="box" id="r-35">Hello world</div>
        <div class="box" id="r-36">Hello world</div>
        <div class="box" id="r-37">Hello world</div>
        <div class="box" id="r-38">Hello world</div>
        <div class="box" id="r-39">Hello world</div>
        <div class="box" id="r-40">Hello world</div>
        <div class="box" id="r-41">Hello world</div>
        <div class="box" id="r-42">Hello world</div>
        <div class="box" id="r-43">Hello world</div>
        <div class="box" id="r-44">Hello world</div>
        <div class="box" id="r-45">Hello world</div>
        <div class="box" id="r-46">Hello world</div>
        <div class="box" id="r-47">Hello world</div>
        <div class="box" id="r-48">Hello world</div>
        <div class="box" id="r-49">Hello world</div>
        <div class="box" id="r-50">Hello world</div>
        <div class="box" id="r-51">Hello world</div>
        <div class="box" id="r-52">Hello world</div>
        <div class="box" id="r-53">Hello world</div>
        <div class="box" id="r-54">Hello world</div>
        <div class="box" id="r-55">Hello world</div>
        <div class="box" id="r-56">Hello world</div>
        <div class="box" id="r-57">Hello world</div>
        <div class="box" id="r-58">Hello world</div>
        <div class="box" id="r-59">Hello world</div>
        <div class="box" id="r-60">Hello world</div>
        <div class="box" id="r-61">Hello world</div>
        <div class="box" id="r-62">Hello world</div>
        <div class="box" id="r-63">Hello world</div>
        <div class="box" id="r-64">Hello world</div>
        <div class="box" id="r-65">Hello world</div>
        <div class="box" id="r-66">Hello world</div>
        <div class="box" id="r-67">Hello world</div>
        <div class="box" id="r-68">Hello world</div>
        <div class="box" id="r-69">Hello world</div>
        <div class="box" id="r-70">Hello world</div>
        <div class="box" id="r-71">Hello world</div>
        <div class="box" id="r-72">Hello world</div>
        <div class="box" id="r-73">Hello world</div>
        <div class="box" id="r-74">Hello world</div>
        <div class="box" id="r-75">Hello world</div>
        <div class="box" id="r-76">Hello world</div>
        <div class="box" id="r-77">Hello world</div>
        <div class="box" id="r-78">Hello world</div>
        <div class="box" id="r-79">Hello world</div>
        <div class="box" id="r-80">Hello world</div>
        <div class="box" id="r-81">Hello world</div>
        <div class="box" id="r-82">Hello world</div>
        <div class="box" id="r-83">Hello world</div>
        <div class="box" id="r-84">Hello world</div>
        <div class="box" id="r-85">Hello world</div>
        <div class="box" id="r-86">Hello world</div>
        <div class="box" id="r-87">Hello world</div>
        <div class="box" id="r-88">Hello world</div>
        <div class="box" id="r-89">Hello world</div>
        <div class="box" id="r-90">Hello world</div>
        <div class="box" id="r-91">Hello world</div>
        <div class="box" id="r-92">Hello world</div>
        <div class="box" id="r-93">Hello world</div>
        <div class="box" id="r-94">Hello world</div>
        <div class="box" id="r-95">Hello world</div>
        <div class="box" id="r-96">Hello world</div>
        <div class="box" id="r-97">Hello world</div>
        <div class="box" id="r-98">Hello world</div>
        <div class="box" id="r-99">Hello world</div>
        <div class="box" id="r-100">Hello world</div>
        <div class="box" id="r-101">Hello world</div>
        <div class="box" id="r-102">Hello world</div>
        <div class="box" id="r-103">Hello world</div>
        <div class="box" id="r-104">Hello world</div>
        <div class="box" id="r-105">Hello world</div>
        <div class="box" id="r-106">Hello world</div>
        <div class="box" id="r-107">Hello world</div>
        <div class="box" id="r-108">Hello world</div>
        <div class="box" id="r-109">Hello world</div>
        <div class="box" id="r-110">Hello world</div>
        <div class="box" id="r-111">Hello world</div>
        <div class="box" id="r-112">Hello world</div>
        <div class="box" id="r-113">Hello world</div>
        <div class="box" id="r-114">Hello world</div>
        <div class="box" id="r-115">Hello world</div>
        <div class="box" id="r-116">Hello world</div>
        <div class="box" id="r-117">Hello world</div>
        <div class="box" id="r-118">Hello world</div>
        <div class="box" id="r-119">Hello world</div>
        <div class="box" id="r-120">Hello world</div>
        <div class="box" id="r-121">Hello world</div>
        <div class="box" id="r-122">Hello world</div>
        <div class="box" id="r-123">Hello world</div>
        <div class="box" id="r-124">Hello world</div>
        <div class="box" id="r-125">Hello world</div>
        <div class="box" id="r-126">Hello world</div>
        <div class="box" id="r-127">Hello world</div>
        <div class="box" id="r-128">Hello world</div>
        <div class="box" id="r-129">Hello world</div>
        <div class="box" id="r-130">Hello world</div>
        <div class="box" id="r-131">Hello world</div>
        <div class="box" id="r-132">Hello world</div>
        <div class="box" id="r-133">Hello world</div>
        <div class="box" id="r-134">Hello world</div>
        <div class="box" id="r-135">Hello world</div>
        <div class="box" id="r-136">Hello world</div>
        <div class="box" id="r-137">Hello world</div>
        <div class="box" id="r-138">Hello world</div>
        <div class="box" id="r-139">Hello world</div>
        <div class="box" id="r-140">Hello world</div>
        <div class="box" id="r-141">Hello world</div>
        <div class="box" id="r-142">Hello world</div>
        <div class="box" id="r-143">Hello world</div>
        <div class="box" id="r-144">Hello world</div>
        <div class="box" id="r-145">Hello world</div>
        <div class="box" id="r-146">Hello world</div>
        <div class="box" id="r-147">Hello world</div>
        <div class="box" id="r-148">Hello world</div>
        <div class="box" id="r-149">Hello world</div>
        <div class="box" id="r-150">Hello world</div>
        <div class="box" id="r-151">Hello world</div>
        <div class="box" id="r-152">Hello world</div>
        <div class="box" id="r-153">Hello world</div>
        <div class="box" id="r-154">Hello world</div>
        <div class="box" id="r-155">Hello world</div>
        <div class="box" id="r-156">Hello world</div>
        <div class="box" id="r-157">Hello world</div>
        <div class="box" id="r-158">Hello world</div>
        <div class="box" id="r-159">Hello world</div>
        <div class="box" id="r-160">Hello world</div>
        <div class="box" id="r-161">Hello world</div>
        <div class="box" id="r-162">Hello world</div>
        <div class="box" id="r-163">Hello world</div>
        <div class="box" id="r-164">Hello world</div>
        <div class="box" id="r-165">Hello world</div>
        <div class="box" id="r-166">Hello world</div>
        <div class="box" id="r-167">Hello world</div>
        <div class="box" id="r-168">Hello world</div>
        <div class="box" id="r-169">Hello world</div>
        <div class="box" id="r-170">Hello world</div>
        <div class="box" id="r-171">Hello world</div>
        <div class="box" id="r-172">Hello world</div>
        <div class="box" id="r-173">Hello world</div>
        <div class="box" id="r-174">Hello world</div>
        <div class="box" id="r-175">Hello world</div>
        <div class="box" id="r-176">Hello world</div>
        <div class="box" id="r-177">Hello world</div>
        <div class="box" id="r-178">Hello world</div>
        <div class="box" id="r-179">Hello world</div>
        <div class="box" id="r-180">Hello world</div>
        <div class="box" id="r-181">Hello world</div>
        <div class="box" id="r-182">Hello world</div>
        <div class="box" id="r-183">Hello world</div>
        <div class="box" id="r-184">Hello world</div>
        <div class="box" id="r-185">Hello world</div>
        <div class="box" id="r-186">Hello world</div>
        <div class="box" id="r-187">Hello world</div>
        <div class="box" id="r-188">Hello world</div>
        <div class="box" id="r-189">Hello world</div>
        <div class="box" id="r-190">Hello world</div>
        <div class="box" id="r-191">Hello world</div>
        <div class="box" id="r-192">Hello world</div>
        <div class="box" id="r-193">Hello world</div>
        <div class="box" id="r-194">Hello world</div>
        <div class="box" id="r-195">Hello world</div>
        <div class="box" id="r-196">Hello world</div>
        <div class="box" id="r-197">Hello world</div>
        <div class="box" id="r-198">Hello world</div>
        <div class="box" id="r-199">Hello world</div>
        <div class="box" id="r-200">Hello world</div>
        <div class="box" id="r-201">Hello world</div>
        <div class="box" id="r-202">Hello world</div>
        <div class="box" id="r-203">Hello world</div>
        <div class="box" id="r-204">Hello world</div>
        <div class="box" id="r-205">Hello world</div>
        <div class="box" id="r-206">Hello world</div>
        <div class="box" id="r-207">Hello world</div>
        <div class="box" id="r-208">Hello world</div>
        <div class="box" id="r-209">Hello world</div>
        <div class="box" id="r-210">Hello world</div>
        <div class="box" id="r-211">Hello world</div>
        <div class="box" id="r-212">Hello world</div>
        <div class="box" id="r-213">Hello world</div>
        <div class="box" id="r-214">Hello world</div>
        <div class="box" id="r-215">Hello world</div>
        <div class="box" id="r-216">Hello world</div>
        <div class="box" id="r-217">Hello world</div>
        <div class="box" id="r-218">Hello world</div>
        <div class="box" id="r-219">Hello world</div>
        <div class="box" id="r-220">Hello world</div>
        <div class="box" id="r-221">Hello world</div>
        <div class="box" id="r-222">Hello world</div>
        <div class="box" id="r-223">Hello world</div>
        <div class="box" id="r-224">Hello world</div>
        <div class="box" id="r-225">Hello world</div>
        <div class="box" id="r-226">Hello world</div>
        <div class="box" id="r-227">Hello world</div>
        <div class="box" id="r-228">Hello world</div>
        <div class="box" id="r-229">Hello world</div>
        <div class="box" id="r-230">Hello world</div>
        <div class="box" id="r-231">Hello world</div>
        <div class="box" id="r-232">Hello world</div>
        <div class="box" id="r-233">Hello world</div>
        <div class="box" id="r-234">Hello world</div>
        <div class="box" id="r-235">Hello world</div>
        <div class="box" id="r-236">Hello world</div>
        <div class="box" id="r-237">Hello world</div>
        <div class="box" id="r-238">Hello world</div>
        <div class="box" id="r-239">Hello world</div>
        <div class="box" id="r-240">Hello world</div>
        <div class="box" id="r-241">Hello world</div>
        <div class="box" id="r-242">Hello world</div>
        <div class="box" id="r-243">Hello world</div>
        <div class="box" id="r-244">Hello world</div>
        <div class="box" id="r-245">Hello world</div>
        <div class="box" id="r-246">Hello world</div>
        <div class="box" id="r-247">Hello world</div>
        <div class="box" id="r-248">Hello world</div>
        <div class="box" id="r-249">Hello world</div>
        <div class="box" id="r-250">Hello world</div>
        <div class="box" id="r-251">Hello world</div>
        <div class="box" id="r-252">Hello world</div>
        <div class="box" id="r-253">Hello world</div>
        <div class="box" id="r-254">Hello world</div>
        <div class="box" id="r-255">Hello world</div>
        <div class="box" id="r-256">Hello world</div>
        <div class="box" id="r-257">Hello world</div>
        <div class="box" id="r-258">Hello world</div>
        <div class="box" id="r-259">Hello world</div>
        <div class="box" id="r-260">Hello world</div>
        <div class="box" id="r-261">Hello world</div>
        <div class="box" id="r-262">Hello world</div>
        <div class="box" id="r-263">Hello world</div>
        <div class="box" id="r-264">Hello world</div>
        <div class="box" id="r-265">Hello world</div>
        <div class="box" id="r-266">Hello world</div>
        <div class="box" id="r-267">Hello world</div>
        <div class="box" id="r-268">Hello world</div>
        <div class="box" id="r-269">Hello world</div>
        <div class="box" id="r-270">Hello world</div>
        <div class="box" id="r-271">Hello world</div>
        <div class="box" id="r-272">Hello world</div>
        <div class="box" id="r-273">Hello world</div>
        <div class="box" id="r-274">Hello world</div>
        <div class="box" id="r-275">Hello world</div>
        <div class="box" id="r-276">Hello world</div>
        <div class="box" id="r-277">Hello world</div>
        <div class="box" id="r-278">Hello world</div>
        <div class="box" id="r-279">Hello world</div>
        <div class="box" id="r-280">Hello world</div>
        <div class="box" id="r-281">Hello world</div>
        <div class="box" id="r-282">Hello world</div>
        <div class="box" id="r-283">Hello world</div>
        <div class="box" id="r-284">Hello world</div>
        <div class="box" id="r-285">Hello world</div>
        <div class="box" id="r-286">Hello world</div>
        <div class="box" id="r-287">Hello world</div>
        <div class="box" id="r-288">Hello world</div>
        <div class="box" id="r-289">Hello world</div>
        <div class="box" id="r-290">Hello world</div>
        <div class="box" id="r-291">Hello world</div>
        <div class="box" id="r-292">Hello world</div>
        <div class="box" id="r-293">Hello world</div>
        <div class="box" id="r-294">Hello world</div>
        <div class="box" id="r-295">Hello world</div>
        <div class="box" id="r-296">Hello world</div>
        <div class="box" id="r-297">Hello world</div>
        <div class="box" id="r-298">Hello world</div>
        <div class="box" id="r-299">Hello world</div>
        <div class="box" id="r-300">Hello world</div>
        <div class="box" id="r-301">Hello world</div>
        <div class="box" id="r-302">Hello world</div>
        <div class="box" id="r-303">Hello world</div>
        <div class="box" id="r-304">Hello world</div>
        <div class="box" id="r-305">Hello world</div>
        <div class="box" id="r-306">Hello world</div>
        <div class="box" id="r-307">Hello world</div>
        <div class="box" id="r-308">Hello world</div>
        <div class="box" id="r-309">Hello world</div>
        <div class="box" id="r-310">Hello world</div>
        <div class="box" id="r-311">Hello world</div>
        <div class="box" id="r-312">Hello world</div>
        <div class="box" id="r-313">Hello world</div>
        <div class="box" id="r-314">Hello world</div>
        <div class="box" id="r-315">Hello world</div>
        <div class="box" id="r-316">Hello world</div>
        <div class="box" id="r-317">Hello world</div>
        <div class="box" id="r-318">Hello world</div>
        <div class="box" id="r-319">Hello world</div>
        <div class="box" id="r-320">Hello world</div>
        <div class="box" id="r-321">Hello world</div>
        <div class="box" id="r-322">Hello world</div>
        <div class="box" id="r-323">Hello world</div>
        <div class="box" id="r-324">Hello world</div>
        <div class="box" id="r-325">Hello world</div>
        <div class="box" id="r-326">Hello world</div>
        <div class="box" id="r-327">Hello world</div>
        <div class="box" id="r-328">Hello world</div>
        <div class="box" id="r-329">Hello world</div>
        <div class="box" id="r-330">Hello world</div>
        <div class="box" id="r-331">Hello world</div>
        <div class="box" id="r-332">Hello world</div>
        <div class="box" id="r-333">Hello world</div>
        <div class="box" id="r-334">Hello world</div>
        <div class="box" id="r-335">Hello world</div>
        <div class="box" id="r-336">Hello world</div>
        <div class="box" id="r-337">Hello world</div>
        <div class="box" id="r-338">Hello world</div>
        <div class="box" id="r-339">Hello world</div>
        <div class="box" id="r-340">Hello world</div>
        <div class="box" id="r-341">Hello world</div>
        <div class="box" id="r-342">Hello world</div>
        <div class="box" id="r-343">Hello world</div>
        <div class="box" id="r-344">Hello world</div>
        <div class="box" id="r-345">Hello world</div>
        <div class="box" id="r-346">Hello world</div>
        <div class="box" id="r-347">Hello world</div>
        <div class="box" id="r-348">Hello world</div>
        <div class="box" id="r-349">Hello world</div>
        <div class="box" id="r-350">Hello world</div>
        <div class="box" id="r-351">Hello world</div>
        <div class="box" id="r-352">Hello world</div>
        <div class="box" id="r-353">Hello world</div>
        <div class="box" id="r-354">Hello world</div>
        <div class="box" id="r-355">Hello world</div>
        <div class="box" id="r-356">Hello world</div>
        <div class="box" id="r-357">Hello world</div>
        <div class="box" id="r-358">Hello world</div>
        <div class="box" id="r-359">Hello world</div>
        <div class="box" id="r-360">Hello world</div>



    </body>
</html>

Stylesheet

@import url("../styles/a4.css");

.box {

    position: absolute;
    left: 7cm;
    top: 10cm;
    font-size: 120px;

}

#r-0 {transform: rotate(0deg)}
#r-1 {transform: rotate(1deg)}
#r-2 {transform: rotate(2deg)}
#r-3 {transform: rotate(3deg)}
#r-4 {transform: rotate(4deg)}
#r-5 {transform: rotate(5deg)}
#r-6 {transform: rotate(6deg)}
#r-7 {transform: rotate(8deg)}
#r-8 {transform: rotate(8deg)}
#r-9 {transform: rotate(9deg)}
#r-10 {transform: rotate(10deg)}
#r-11 {transform: rotate(11deg)}
#r-12 {transform: rotate(12deg)}
#r-13 {transform: rotate(13deg)}
#r-14 {transform: rotate(14deg)}
#r-15 {transform: rotate(15deg)}
#r-16 {transform: rotate(16deg)}
#r-17 {transform: rotate(17deg)}
#r-18 {transform: rotate(18deg)}
#r-19 {transform: rotate(19deg)}
#r-20 {transform: rotate(20deg)}
#r-21 {transform: rotate(21deg)}
#r-22 {transform: rotate(22deg)}
#r-23 {transform: rotate(23deg)}
#r-24 {transform: rotate(24deg)}
#r-25 {transform: rotate(25deg)}
#r-26 {transform: rotate(26deg)}
#r-27 {transform: rotate(27deg)}
#r-28 {transform: rotate(28deg)}
#r-29 {transform: rotate(29deg)}
#r-30 {transform: rotate(30deg)}
#r-31 {transform: rotate(31deg)}
#r-32 {transform: rotate(32deg)}
#r-33 {transform: rotate(33deg)}
#r-34 {transform: rotate(34deg)}
#r-35 {transform: rotate(35deg)}
#r-36 {transform: rotate(36deg)}
#r-37 {transform: rotate(37deg)}
#r-38 {transform: rotate(38deg)}
#r-39 {transform: rotate(39deg)}
#r-40 {transform: rotate(40deg)}
#r-41 {transform: rotate(41deg)}
#r-42 {transform: rotate(42deg)}
#r-43 {transform: rotate(43deg)}
#r-44 {transform: rotate(44deg)}
#r-45 {transform: rotate(45deg)}
#r-46 {transform: rotate(46deg)}
#r-47 {transform: rotate(47deg)}
#r-48 {transform: rotate(48deg)}
#r-49 {transform: rotate(49deg)}
#r-50 {transform: rotate(50deg)}
#r-51 {transform: rotate(51deg)}
#r-52 {transform: rotate(52deg)}
#r-53 {transform: rotate(53deg)}
#r-54 {transform: rotate(54deg)}
#r-55 {transform: rotate(55deg)}
#r-56 {transform: rotate(56deg)}
#r-57 {transform: rotate(57deg)}
#r-58 {transform: rotate(58deg)}
#r-59 {transform: rotate(59deg)}
#r-60 {transform: rotate(60deg)}
#r-61 {transform: rotate(61deg)}
#r-62 {transform: rotate(62deg)}
#r-63 {transform: rotate(63deg)}
#r-64 {transform: rotate(64deg)}
#r-65 {transform: rotate(65deg)}
#r-66 {transform: rotate(66deg)}
#r-67 {transform: rotate(67deg)}
#r-68 {transform: rotate(68deg)}
#r-69 {transform: rotate(69deg)}
#r-70 {transform: rotate(70deg)}
#r-71 {transform: rotate(71deg)}
#r-72 {transform: rotate(72deg)}
#r-73 {transform: rotate(73deg)}
#r-74 {transform: rotate(74deg)}
#r-75 {transform: rotate(75deg)}
#r-76 {transform: rotate(76deg)}
#r-77 {transform: rotate(77deg)}
#r-78 {transform: rotate(78deg)}
#r-79 {transform: rotate(79deg)}
#r-80 {transform: rotate(80deg)}
#r-81 {transform: rotate(81deg)}
#r-82 {transform: rotate(82deg)}
#r-83 {transform: rotate(83deg)}
#r-84 {transform: rotate(84deg)}
#r-85 {transform: rotate(85deg)}
#r-86 {transform: rotate(86deg)}
#r-87 {transform: rotate(87deg)}
#r-88 {transform: rotate(88deg)}
#r-89 {transform: rotate(89deg)}
#r-90 {transform: rotate(90deg)}
#r-91 {transform: rotate(91deg)}
#r-92 {transform: rotate(92deg)}
#r-93 {transform: rotate(93deg)}
#r-94 {transform: rotate(94deg)}
#r-95 {transform: rotate(95deg)}
#r-96 {transform: rotate(96deg)}
#r-97 {transform: rotate(97deg)}
#r-98 {transform: rotate(98deg)}
#r-99 {transform: rotate(99deg)}
#r-100 {transform: rotate(100deg)}
#r-101 {transform: rotate(101deg)}
#r-102 {transform: rotate(102deg)}
#r-103 {transform: rotate(103deg)}
#r-104 {transform: rotate(104deg)}
#r-105 {transform: rotate(105deg)}
#r-106 {transform: rotate(106deg)}
#r-107 {transform: rotate(107deg)}
#r-108 {transform: rotate(108deg)}
#r-109 {transform: rotate(109deg)}
#r-110 {transform: rotate(110deg)}
#r-111 {transform: rotate(111deg)}
#r-112 {transform: rotate(112deg)}
#r-113 {transform: rotate(113deg)}
#r-114 {transform: rotate(114deg)}
#r-115 {transform: rotate(115deg)}
#r-116 {transform: rotate(116deg)}
#r-117 {transform: rotate(117deg)}
#r-118 {transform: rotate(118deg)}
#r-119 {transform: rotate(119deg)}
#r-120 {transform: rotate(120deg)}
#r-121 {transform: rotate(121deg)}
#r-122 {transform: rotate(122deg)}
#r-123 {transform: rotate(123deg)}
#r-124 {transform: rotate(124deg)}
#r-125 {transform: rotate(125deg)}
#r-126 {transform: rotate(126deg)}
#r-127 {transform: rotate(127deg)}
#r-128 {transform: rotate(128deg)}
#r-129 {transform: rotate(129deg)}
#r-130 {transform: rotate(130deg)}
#r-131 {transform: rotate(131deg)}
#r-132 {transform: rotate(132deg)}
#r-133 {transform: rotate(133deg)}
#r-134 {transform: rotate(134deg)}
#r-135 {transform: rotate(135deg)}
#r-136 {transform: rotate(136deg)}
#r-137 {transform: rotate(137deg)}
#r-138 {transform: rotate(138deg)}
#r-139 {transform: rotate(139deg)}
#r-140 {transform: rotate(140deg)}
#r-141 {transform: rotate(141deg)}
#r-142 {transform: rotate(142deg)}
#r-143 {transform: rotate(143deg)}
#r-144 {transform: rotate(144deg)}
#r-145 {transform: rotate(145deg)}
#r-146 {transform: rotate(146deg)}
#r-147 {transform: rotate(147deg)}
#r-148 {transform: rotate(148deg)}
#r-149 {transform: rotate(149deg)}
#r-150 {transform: rotate(150deg)}
#r-151 {transform: rotate(151deg)}
#r-152 {transform: rotate(152deg)}
#r-153 {transform: rotate(153deg)}
#r-154 {transform: rotate(154deg)}
#r-155 {transform: rotate(155deg)}
#r-156 {transform: rotate(156deg)}
#r-157 {transform: rotate(157deg)}
#r-158 {transform: rotate(158deg)}
#r-159 {transform: rotate(159deg)}
#r-160 {transform: rotate(160deg)}
#r-161 {transform: rotate(161deg)}
#r-162 {transform: rotate(162deg)}
#r-163 {transform: rotate(163deg)}
#r-164 {transform: rotate(164deg)}
#r-165 {transform: rotate(165deg)}
#r-166 {transform: rotate(166deg)}
#r-167 {transform: rotate(167deg)}
#r-168 {transform: rotate(168deg)}
#r-169 {transform: rotate(169deg)}
#r-170 {transform: rotate(170deg)}
#r-171 {transform: rotate(171deg)}
#r-172 {transform: rotate(172deg)}
#r-173 {transform: rotate(173deg)}
#r-174 {transform: rotate(174deg)}
#r-175 {transform: rotate(175deg)}
#r-176 {transform: rotate(176deg)}
#r-177 {transform: rotate(177deg)}
#r-178 {transform: rotate(178deg)}
#r-179 {transform: rotate(179deg)}
#r-180 {transform: rotate(180deg)}
#r-181 {transform: rotate(181deg)}
#r-182 {transform: rotate(182deg)}
#r-183 {transform: rotate(183deg)}
#r-184 {transform: rotate(184deg)}
#r-185 {transform: rotate(185deg)}
#r-186 {transform: rotate(186deg)}
#r-187 {transform: rotate(187deg)}
#r-188 {transform: rotate(188deg)}
#r-189 {transform: rotate(189deg)}
#r-190 {transform: rotate(190deg)}
#r-191 {transform: rotate(191deg)}
#r-192 {transform: rotate(192deg)}
#r-193 {transform: rotate(193deg)}
#r-194 {transform: rotate(194deg)}
#r-195 {transform: rotate(195deg)}
#r-196 {transform: rotate(196deg)}
#r-197 {transform: rotate(197deg)}
#r-198 {transform: rotate(198deg)}
#r-199 {transform: rotate(199deg)}
#r-200 {transform: rotate(200deg)}
#r-201 {transform: rotate(201deg)}
#r-202 {transform: rotate(202deg)}
#r-203 {transform: rotate(203deg)}
#r-204 {transform: rotate(204deg)}
#r-205 {transform: rotate(205deg)}
#r-206 {transform: rotate(206deg)}
#r-207 {transform: rotate(207deg)}
#r-208 {transform: rotate(208deg)}
#r-209 {transform: rotate(209deg)}
#r-210 {transform: rotate(210deg)}
#r-211 {transform: rotate(211deg)}
#r-212 {transform: rotate(212deg)}
#r-213 {transform: rotate(213deg)}
#r-214 {transform: rotate(214deg)}
#r-215 {transform: rotate(215deg)}
#r-216 {transform: rotate(216deg)}
#r-217 {transform: rotate(217deg)}
#r-218 {transform: rotate(218deg)}
#r-219 {transform: rotate(219deg)}
#r-220 {transform: rotate(220deg)}
#r-221 {transform: rotate(221deg)}
#r-222 {transform: rotate(222deg)}
#r-223 {transform: rotate(223deg)}
#r-224 {transform: rotate(224deg)}
#r-225 {transform: rotate(225deg)}
#r-226 {transform: rotate(226deg)}
#r-227 {transform: rotate(227deg)}
#r-228 {transform: rotate(228deg)}
#r-229 {transform: rotate(229deg)}
#r-230 {transform: rotate(230deg)}
#r-231 {transform: rotate(231deg)}
#r-232 {transform: rotate(232deg)}
#r-233 {transform: rotate(233deg)}
#r-234 {transform: rotate(234deg)}
#r-235 {transform: rotate(235deg)}
#r-236 {transform: rotate(236deg)}
#r-237 {transform: rotate(237deg)}
#r-238 {transform: rotate(238deg)}
#r-239 {transform: rotate(239deg)}
#r-240 {transform: rotate(240deg)}
#r-241 {transform: rotate(241deg)}
#r-242 {transform: rotate(242deg)}
#r-243 {transform: rotate(243deg)}
#r-244 {transform: rotate(244deg)}
#r-245 {transform: rotate(245deg)}
#r-246 {transform: rotate(246deg)}
#r-247 {transform: rotate(247deg)}
#r-248 {transform: rotate(248deg)}
#r-249 {transform: rotate(249deg)}
#r-250 {transform: rotate(250deg)}
#r-251 {transform: rotate(251deg)}
#r-252 {transform: rotate(252deg)}
#r-253 {transform: rotate(253deg)}
#r-254 {transform: rotate(254deg)}
#r-255 {transform: rotate(255deg)}
#r-256 {transform: rotate(256deg)}
#r-257 {transform: rotate(257deg)}
#r-258 {transform: rotate(258deg)}
#r-259 {transform: rotate(259deg)}
#r-260 {transform: rotate(260deg)}
#r-261 {transform: rotate(261deg)}
#r-262 {transform: rotate(262deg)}
#r-263 {transform: rotate(263deg)}
#r-264 {transform: rotate(264deg)}
#r-265 {transform: rotate(265deg)}
#r-266 {transform: rotate(266deg)}
#r-267 {transform: rotate(267deg)}
#r-268 {transform: rotate(268deg)}
#r-269 {transform: rotate(269deg)}
#r-270 {transform: rotate(270deg)}
#r-271 {transform: rotate(271deg)}
#r-272 {transform: rotate(272deg)}
#r-273 {transform: rotate(273deg)}
#r-274 {transform: rotate(274deg)}
#r-275 {transform: rotate(275deg)}
#r-276 {transform: rotate(276deg)}
#r-277 {transform: rotate(277deg)}
#r-278 {transform: rotate(278deg)}
#r-279 {transform: rotate(279deg)}
#r-280 {transform: rotate(280deg)}
#r-281 {transform: rotate(281deg)}
#r-282 {transform: rotate(282deg)}
#r-283 {transform: rotate(283deg)}
#r-284 {transform: rotate(284deg)}
#r-285 {transform: rotate(285deg)}
#r-286 {transform: rotate(286deg)}
#r-287 {transform: rotate(287deg)}
#r-288 {transform: rotate(288deg)}
#r-289 {transform: rotate(289deg)}
#r-290 {transform: rotate(290deg)}
#r-291 {transform: rotate(291deg)}
#r-292 {transform: rotate(292deg)}
#r-293 {transform: rotate(293deg)}
#r-294 {transform: rotate(294deg)}
#r-295 {transform: rotate(295deg)}
#r-296 {transform: rotate(296deg)}
#r-297 {transform: rotate(297deg)}
#r-298 {transform: rotate(298deg)}
#r-299 {transform: rotate(299deg)}
#r-300 {transform: rotate(300deg)}
#r-301 {transform: rotate(301deg)}
#r-302 {transform: rotate(302deg)}
#r-303 {transform: rotate(303deg)}
#r-304 {transform: rotate(304deg)}
#r-305 {transform: rotate(305deg)}
#r-306 {transform: rotate(306deg)}
#r-307 {transform: rotate(307deg)}
#r-308 {transform: rotate(308deg)}
#r-309 {transform: rotate(309deg)}
#r-310 {transform: rotate(310deg)}
#r-311 {transform: rotate(311deg)}
#r-312 {transform: rotate(312deg)}
#r-313 {transform: rotate(313deg)}
#r-314 {transform: rotate(314deg)}
#r-315 {transform: rotate(315deg)}
#r-316 {transform: rotate(316deg)}
#r-317 {transform: rotate(317deg)}
#r-318 {transform: rotate(318deg)}
#r-319 {transform: rotate(319deg)}
#r-320 {transform: rotate(320deg)}
#r-321 {transform: rotate(321deg)}
#r-322 {transform: rotate(322deg)}
#r-323 {transform: rotate(323deg)}
#r-324 {transform: rotate(324deg)}
#r-325 {transform: rotate(325deg)}
#r-326 {transform: rotate(326deg)}
#r-327 {transform: rotate(327deg)}
#r-328 {transform: rotate(328deg)}
#r-329 {transform: rotate(329deg)}
#r-330 {transform: rotate(330deg)}
#r-331 {transform: rotate(331deg)}
#r-332 {transform: rotate(332deg)}
#r-333 {transform: rotate(333deg)}
#r-334 {transform: rotate(334deg)}
#r-335 {transform: rotate(335deg)}
#r-336 {transform: rotate(336deg)}
#r-337 {transform: rotate(337deg)}
#r-338 {transform: rotate(338deg)}
#r-339 {transform: rotate(339deg)}
#r-340 {transform: rotate(340deg)}
#r-341 {transform: rotate(341deg)}
#r-342 {transform: rotate(342deg)}
#r-343 {transform: rotate(343deg)}
#r-344 {transform: rotate(344deg)}
#r-345 {transform: rotate(345deg)}
#r-346 {transform: rotate(346deg)}
#r-347 {transform: rotate(347deg)}
#r-348 {transform: rotate(348deg)}
#r-349 {transform: rotate(349deg)}
#r-350 {transform: rotate(350deg)}
#r-351 {transform: rotate(351deg)}
#r-352 {transform: rotate(352deg)}
#r-353 {transform: rotate(353deg)}
#r-354 {transform: rotate(354deg)}
#r-355 {transform: rotate(355deg)}
#r-356 {transform: rotate(356deg)}
#r-357 {transform: rotate(357deg)}
#r-358 {transform: rotate(358deg)}
#r-359 {transform: rotate(359deg)}
#r-360 {transform: rotate(360deg)}