diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
index 5d2ca8f..b44bfca 100644
--- a/app/controllers/application_controller.rb
+++ b/app/controllers/application_controller.rb
@@ -11,6 +11,13 @@ class ApplicationController < Sinatra::Base
     set :port, 4567
   end
 
+  before do
+    local_network = LocalNetwork.first
+    @dark_hex = local_network.primary_dark_hex || "140029"
+    @light_hex = local_network.primary_light_hex || "8000FF"
+    @accent_hex = local_network.accent_hex || "2FD400"
+  end
+
   get '/' do
     client_ip = request.ip.to_s
     puts client_ip
@@ -37,13 +44,13 @@ class ApplicationController < Sinatra::Base
 
   get '/admin/local_network' do
     @local_network = LocalNetwork.first || LocalNetwork.new
-    @is_readonly = true
+    @editing = true
     erb :'admin/local_network/index'
   end
 
   get '/admin/local_network/edit' do
     @local_network = LocalNetwork.first || LocalNetwork.create
-    @is_readonly = false
+    @editing = false
     erb :'admin/local_network/index'
   end
 
@@ -58,13 +65,13 @@ class ApplicationController < Sinatra::Base
 
   get '/admin/machines' do
     @machines = Machine.all
-    @is_readonly = true
+    @editing = true
     erb :'admin/machines/index'
   end
 
   get '/admin/machines/edit' do
     @machines = Machine.all
-    @is_readonly = false
+    @editing = false
     erb :'admin/machines/index'
   end
 
@@ -83,37 +90,44 @@ class ApplicationController < Sinatra::Base
 
   get '/admin/service_types' do
     @service_types = ServiceType.all
-    @is_readonly = true
+    @editing = true
     erb :'admin/service_types/index'
   end
 
   get '/admin/service_types/edit' do
     @service_types = ServiceType.all
-    @is_readonly = false
+    @editing = false
     erb :'admin/service_types/index'
   end
 
-  get '/admin/service_types/media' do
-    @service_type = ServiceType.media
+  get '/admin/service_types/:name' do
+    type_name = params[:name]
+    @service_type = ServiceType.public_send(type_name)
+    # @service_type = ServiceType.media
     erb :'admin/service_types/position'
   end
 
-  get '/admin/service_types/admin' do
-    @service_type = ServiceType.admin
-    erb :'admin/service_types/position'
-  end
+  # get '/admin/service_types/media' do
+  #   @service_type = ServiceType.media
+  #   erb :'admin/service_types/position'
+  # end
 
-  get '/admin/service_types/support' do
-    @service_type = ServiceType.support
-    erb :'admin/service_types/position'
-  end
+  # get '/admin/service_types/admin' do
+  #   @service_type = ServiceType.admin
+  #   erb :'admin/service_types/position'
+  # end
+
+  # get '/admin/service_types/support' do
+  #   @service_type = ServiceType.support
+  #   erb :'admin/service_types/position'
+  # end
 
   post '/admin/service_types' do
     puts params
     params[:service_types].each do |service_type_data|
       if service_type_data[:id].empty? && service_type_data[:name].present?
         ServiceType.create(service_type_data)
-      elsif service_type_data[:id].present?
+      elsif service_type_data[:id].present? && service_type_data[:name].present?
         @service_type = ServiceType.find(service_type_data[:id])
         @service_type.update(service_type_data)
       end
@@ -125,7 +139,7 @@ class ApplicationController < Sinatra::Base
     @services = Service.all
     @service_types = ServiceType.all
     @machines = Machine.all
-    @is_readonly = true
+    @editing = true
     erb :'admin/services/index'
   end
 
@@ -133,7 +147,7 @@ class ApplicationController < Sinatra::Base
     @services = Service.all
     @service_types = ServiceType.all
     @machines = Machine.all
-    @is_readonly = false
+    @editing = false
     erb :'admin/services/index'
   end
 
diff --git a/app/views/admin/index.erb b/app/views/admin/index.erb
index c9b8881..a7bfa67 100644
--- a/app/views/admin/index.erb
+++ b/app/views/admin/index.erb
@@ -1,23 +1,28 @@
+<div class="w-full flex flex-col items-center"> 
   <div class="text-4xl mb-10">
     Network Directory Admin
   </div>
 
-  <div class="w-1/2 flex flex-col space-y-10 ml-20 mt-10">
-        <a href="/admin/local_network" class="inline-block w-50 px-3 py-1 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+  <div class="flex flex-col space-y-10 mt-10">
+        <a href="/admin/local_network" class="inline-block w-50 px-3 py-1 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
             Local Network
         </a>
 
-        <a href="/admin/machines" class="inline-block w-50 px-3 py-1 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+        <a href="/admin/machines" class="inline-block w-50 px-3 py-1 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
             Machines
         </a>
 
-        <a href="/admin/service_types" class="inline-block w-50 px-3 py-1 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+        <a href="/admin/service_types" class="inline-block w-50 px-3 py-1 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
             Service Types
         </a>
 
-        <a href="/admin/services" class="inline-block w-50 px-3 py-1 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+        <a href="/admin/services" class="inline-block w-50 px-3 py-1 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
             Services
         </a>
 
+        <a href="/" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
+            Back to Directory
+        </a>
+
   </div>
-  
+</div> 
diff --git a/app/views/admin/local_network/index.erb b/app/views/admin/local_network/index.erb
index b525026..392c012 100644
--- a/app/views/admin/local_network/index.erb
+++ b/app/views/admin/local_network/index.erb
@@ -3,10 +3,10 @@
   <div class="text-4xl mb-10">
     Local Network Settings
   </div>
-  <% unless @is_readonly %>
+  <% unless @editing %>
     <div class="w-1/2 flex flex-none items-center justify-between ml-5 mb-2">
-        <div class="flex-none text-xl text-[#2FD400]">Edit</div>
-        <div class="grow h-[1px] mt-1 bg-[#2FD400]"></div>
+        <div class="flex-none text-xl text-[#<%= @accent_hex %>]">Edit</div>
+        <div class="grow h-[1px] mt-1 bg-[#<%= @accent_hex %>]"></div>
     </div>
   <% end %>
   <div class="flex ml-10 space-x-2">
@@ -14,35 +14,53 @@
     <input type="hidden" name="local_network[id]" value="<%= @local_network.id %>">
   
     <div class="flex flex-col items-center">
-        <input class="h-8 border-2 border-[#8000FF] rounded-lg text-center" type="text" id="local_network_name" name="local_network[name]" value="<%= @local_network.name %>" <%= 'readonly' if @is_readonly %> >
-        <div class="text-[#2FD400]">Name</div>
+        <input class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>' type="text" id="local_network_name" name="local_network[name]" value="<%= @local_network.name %>" <%= 'readonly' if @editing %> >
+        <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Name</div>
     </div>
 
     <div class="flex flex-col items-center">
-        <input class="h-8 border-2 border-[#8000FF] rounded-lg text-center" type="text" id="local_network_subnet" name="local_network[subnet]" value="<%= @local_network.subnet %>" <%= 'readonly' if @is_readonly %> >
-        <div class="text-[#2FD400]">Subnet</div>
+        <input class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>' type="text" id="local_network_subnet" name="local_network[subnet]" value="<%= @local_network.subnet %>" <%= 'readonly' if @editing %> >
+        <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Subnet</div>
     </div>
 
     <div class="flex flex-col items-center">
-        <input class="h-8 border-2 border-[#8000FF] rounded-lg text-center" type="text" id="local_network_tld" name="local_network[tld]" value="<%= @local_network.tld %>" <%= 'readonly' if @is_readonly %> >
-        <div class="text-[#2FD400]">Top Level Domain</div>
+        <input class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>' type="text" id="local_network_tld" name="local_network[tld]" value="<%= @local_network.tld %>" <%= 'readonly' if @editing %> >
+        <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Top Level Domain</div>
+    </div>
+
+    <div class="flex flex-col items-center">
+        <input class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= @editing ? "text-[##{@local_network.primary_dark_hex}] bg-white" : "text-[##{@accent_hex}]" %>' type="text" id="local_network_primary_dark_hex" name="local_network[primary_dark_hex]" value="<%= @local_network.primary_dark_hex %>" <%= 'readonly' if @editing %> >
+        <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Site Primary Dark Hex</div>
+    </div>
+
+    <div class="flex flex-col items-center">
+        <input class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= @editing ? "text-[##{@local_network.primary_light_hex}]" : "text-[##{@accent_hex}]" %>' type="text" id="local_network_primary_light_hex" name="local_network[primary_light_hex]" value="<%= @local_network.primary_light_hex %>" <%= 'readonly' if @editing %> >
+        <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Site Primary Light Hex</div>
+    </div>
+
+    <div class="flex flex-col items-center">
+        <input class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= @editing ? "text-[##{@local_network.accent_hex}]" : "text-[##{@accent_hex}]" %>' type="text" id="local_network_accent_hex" name="local_network[accent_hex]" value="<%= @local_network.accent_hex %>" <%= 'readonly' if @editing %> >
+        <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Site Accent Hex</div>
     </div>
 
   </div>
 
   <div class="flex flex-col space-y-2 mt-10">
-    <% if @is_readonly %>
-        <div class="w-1/2 flex justify-end space-x-5">
-            <a href="/admin/local_network/edit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+    <% if @editing %>
+        <div class="w-1/2 flex ml-10 space-x-5">
+            <a href="/admin/local_network/edit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
                 Edit Local Network
             </a>
+            <a href="/admin" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
+                Back To Admin
+            </a>
         </div>
     <% else %>
-        <div class="w-1/2 flex justify-end space-x-5">
-            <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+        <div class="w-1/2 flex ml-10 space-x-5">
+            <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
                 Save Local Network
             </button>
-            <a href="/admin/local_network" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#140029] hover:border-[#F80800] transition-colors duration-200">
+            <a href="/admin/local_network" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
                 Cancel
             </a>
         </div>
diff --git a/app/views/admin/machines/index.erb b/app/views/admin/machines/index.erb
index 592bcbe..8da547a 100644
--- a/app/views/admin/machines/index.erb
+++ b/app/views/admin/machines/index.erb
@@ -3,10 +3,10 @@
   <div class="text-4xl mb-10">
     Network Machines
   </div>
-  <% unless @is_readonly %>
+  <% unless @editing %>
     <div class="w-2/3 flex flex-none items-center justify-between ml-5 mb-2">
-        <div class="flex-none text-xl text-[#2FD400]">Edit</div>
-        <div class="grow h-[1px] mt-1 bg-[#2FD400]"></div>
+        <div class="flex-none text-xl text-[#<%= @accent_hex %>]">Edit</div>
+        <div class="grow h-[1px] mt-1 bg-[#<%= @accent_hex %>]"></div>
     </div>
   <% end %>
   <div class="flex flex-col ml-10 space-y-2">
@@ -16,49 +16,49 @@
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>' 
                         id="mach_<%= index %>_name" 
                         name="machines[][name]" 
                         value="<%= mach.name %>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @machines.length - 1 %>
-                    <div class="text-[#2FD400]">Name</div>  
+                    <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Name</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>' 
                         id="mach_<%= index %>_domain" 
                         name="machines[][domain]" 
                         value="<%= mach.domain %>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @machines.length - 1 %>
-                    <div class="text-[#2FD400]">Domain</div>  
+                    <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Domain</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>' 
                         id="mach_<%= index %>_local_ip_octet" 
                         name="machines[][local_ip_octet]" 
                         value="<%= mach.local_ip_octet %>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @machines.length - 1 %>
-                    <div class="text-[#2FD400]">Local IP Octet</div>  
+                    <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Local IP Octet</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>' 
                         id="mach_<%= index %>_tailscale_ip" 
                         name="machines[][tailscale_ip]" 
                         value="<%= mach.tailscale_ip %>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @machines.length - 1 %>
-                    <div class="text-[#2FD400]">Tailscale IP</div>  
+                    <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Tailscale IP</div>  
                 <% end %>
             </div>
       </div>
@@ -67,65 +67,68 @@
 
 
   <div class="flex flex-col space-y-2 mt-10">
-    <% if @is_readonly %>
-        <div class="w-2/3 flex justify-end space-x-5">
-            <a href="/admin/machines/edit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+    <% if @editing %>
+        <div class="w-2/3 flex ml-10 space-x-5">
+            <a href="/admin/machines/edit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
                 Edit/Add Machines
             </a>
+            <a href="/admin" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
+                Back To Admin
+            </a>
         </div>
     <% else %>
         <div class="w-2/3 flex flex-none items-center justify-between ml-5 mb-2">
-            <div class="flex-none text-xl text-[#2FD400]">New</div>
-            <div class="grow h-[1px] mt-1 bg-[#2FD400]"></div>
+            <div class="flex-none text-xl text-[#<%= @accent_hex %>]">New</div>
+            <div class="grow h-[1px] mt-1 bg-[#<%= @accent_hex %>]"></div>
         </div>
         <div class="flex space-x-2 mb-10 ml-10">
             <input type="hidden" name="machines[][id]" value="">
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="mach_new_name" 
                         name="machines[][name]" 
                         value="" 
-                        <%= 'readonly' if @is_readonly %> >
-                <label for="mach_new_name" class="text-[#2FD400]">Name</label>
+                        <%= 'readonly' if @editing %> >
+                <label for="mach_new_name" class="text-[#<%= @accent_hex %>]">Name</label>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="mach_new_domain" 
                         name="machines[][domain]" 
                         value=""
-                        <%= 'readonly' if @is_readonly %> >
-                <label for="mach_new_domain" class="text-[#2FD400]">Domain</label>
+                        <%= 'readonly' if @editing %> >
+                <label for="mach_new_domain" class="text-[#<%= @accent_hex %>]">Domain</label>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="mach_new_local_ip_octet" 
                         name="machines[][local_ip_octet]" 
                         value=""
-                        <%= 'readonly' if @is_readonly %> >
-                <label for="mach_new_local_ip_octet" class="text-[#2FD400]">Local IP Octet</label>
+                        <%= 'readonly' if @editing %> >
+                <label for="mach_new_local_ip_octet" class="text-[#<%= @accent_hex %>]">Local IP Octet</label>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="mach_new_tailscale_ip" 
                         name="machines[][tailscale_ip]" 
                         value=""
-                        <%= 'readonly' if @is_readonly %> >
-                <label for="mach_new_tailscale_ip" class="text-[#2FD400]">Tailscale IP</label>
+                        <%= 'readonly' if @editing %> >
+                <label for="mach_new_tailscale_ip" class="text-[#<%= @accent_hex %>]">Tailscale IP</label>
             </div>
         </div>
-        <div class="w-2/3 flex justify-end space-x-5">
-            <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+        <div class="w-2/3 flex ml-10 space-x-5">
+            <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
                 Save Machines
             </button>
-            <a href="/admin/machines" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#140029] hover:border-[#F80800] transition-colors duration-200">
+            <a href="/admin/machines" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
                 Cancel
             </a>
         </div>
diff --git a/app/views/admin/service_types/index.erb b/app/views/admin/service_types/index.erb
index 3ba5633..0a17d5b 100644
--- a/app/views/admin/service_types/index.erb
+++ b/app/views/admin/service_types/index.erb
@@ -3,10 +3,10 @@
   <div class="text-4xl mb-10">
     Service Types
   </div>
-  <% unless @is_readonly %>
+  <% unless @editing %>
     <div class="w-1/2 flex flex-none items-center justify-between ml-5 mb-2">
-        <div class="flex-none text-xl text-[#2FD400]">Edit</div>
-        <div class="grow h-[1px] mt-1 bg-[#2FD400]"></div>
+        <div class="flex-none text-xl text-[#<%= @accent_hex %>]">Edit</div>
+        <div class="grow h-[1px] mt-1 bg-[#<%= @accent_hex %>]"></div>
     </div>
   <% end %>
   <div class="flex flex-col ml-10 space-y-2">
@@ -16,72 +16,90 @@
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>'
                         id="servt_<%= index %>_name" 
                         name="service_types[][name]" 
                         value="<%= servt.name %>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @service_types.length - 1 %>
-                    <div class="text-[#2FD400]">Name</div>  
+                    <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Name</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= @editing ? "text-[##{servt.hex_color}]" : "text-[##{@accent_hex}]" %>'
                         id="servt_<%= index %>_hex_color"
                         name="service_types[][hex_color]" 
                         value="<%= servt.hex_color %>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @service_types.length - 1 %>
-                    <div class="text-[#2FD400]">Hex Color</div>  
+                    <div class='<%= "text-[##{@accent_hex}]" if @editing %>'>Hex Color</div>  
                 <% end %>
             </div>
+
+            <div class="flex flex-col items-center">
+                <div class="h-8 w-40 border-2 border-[#<%= @light_hex %>] rounded-lg text-center">
+                    <%= servt.services.count %>
+                </div>
+                <% if index == @service_types.length - 1 %>
+                    <div class='<%= "text-[##{@accent_hex}]" if @editing %> text-center'>Services Count</div>  
+                <% end %>
+            </div>
+
+            <div class="flex flex-col items-center">
+                <a href="/admin/service_types/<%= servt.name.downcase %>" class="h-8 w-80 border-2 border-[#<%= @light_hex %>] rounded-lg text-center font-semibold text-[#<%= @accent_hex %>] hover:text-[#<%= @light_hex %>]">
+                    Update <%= servt.name %> Services Order
+                </a>
+            </div>
       </div>
     <% end %>
   </div>
 
 
   <div class="flex flex-col space-y-2 mt-10">
-    <% if @is_readonly %>
-        <div class="w-1/2 flex justify-end space-x-5">
-            <a href="/admin/service_types/edit" class="inline-block w-60 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+    <% if @editing %>
+        <div class="w-1/2 flex ml-10 space-x-5">
+            <a href="/admin/service_types/edit" class="inline-block w-60 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
                 Edit/Add Service Types
             </a>
+            <a href="/admin" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
+                Back To Admin
+            </a>
         </div>
     <% else %>
         <div class="w-1/2 flex flex-none items-center justify-between ml-5 mb-2">
-            <div class="flex-none text-xl text-[#2FD400]">New</div>
-            <div class="grow h-[1px] mt-1 bg-[#2FD400]"></div>
+            <div class="flex-none text-xl text-[#<%= @accent_hex %>]">New</div>
+            <div class="grow h-[1px] mt-1 bg-[#<%= @accent_hex %>]"></div>
         </div>
         <div class="flex space-x-2 mb-10 ml-10">
             <input type="hidden" name="service_types[][id]" value="">
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="servt_new_name" 
                         name="service_types[][name]" 
                         value=""
-                        <%= 'readonly' if @is_readonly %> >
-                <label for="servt_new_name" class="text-[#2FD400]">Name</label>
+                        <%= 'readonly' if @editing %> >
+                <label for="servt_new_name" class="text-[#<%= @accent_hex %>]">Name</label>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="servt_new_hex_color"
                         name="service_types[][hex_color]" 
                         value=""
-                        <%= 'readonly' if @is_readonly %> >
-                <label for="servt_new_hex_color" class="text-[#2FD400]">Hex Color</label>
+                        <%= 'readonly' if @editing %> >
+                <label for="servt_new_hex_color" class="text-[#<%= @accent_hex %>]">Hex Color</label>
             </div>
         </div>
-        <div class="w-1/2 flex justify-end space-x-5">
-            <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+        <div class="w-1/2 flex ml-10 space-x-5">
+            <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
                 Save Service Types
             </button>
-            <a href="/admin/service_types" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#140029] hover:border-[#F80800] transition-colors duration-200">
+            <a href="/admin/service_types" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
                 Cancel
             </a>
         </div>
diff --git a/app/views/admin/service_types/position.erb b/app/views/admin/service_types/position.erb
index 560afab..f70854b 100644
--- a/app/views/admin/service_types/position.erb
+++ b/app/views/admin/service_types/position.erb
@@ -10,33 +10,33 @@
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="service_<%= index %>_name" 
                         name="services[][name]" 
                         value="<%= service.name %>"
                         readonly >
                 <% if index == @service_type.services.length - 1 %>
-                    <div class="text-[#2FD400]">Name</div>  
+                    <div class="">Name</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center text-[#<%= @accent_hex %>]" 
                         id="service_<%= index %>_position"
                         name="services[][position]" 
                         value="<%= service.position %>" >
                 <% if index == @service_type.services.length - 1 %>
-                    <div class="text-[#2FD400]">Position</div>  
+                    <div class="">Position</div>  
                 <% end %>
             </div>
       </div>
     <% end %>
-    <div class="w-1/2 flex justify-end space-x-5">
-        <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+    <div class="w-1/2 flex ml-10 space-x-5">
+        <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
             Save Service Positions
         </button>
-        <a href="/admin/service_types" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#140029] hover:border-[#F80800] transition-colors duration-200">
+        <a href="/admin/service_types" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
             Cancel
         </a>
     </div>
diff --git a/app/views/admin/services/index.erb b/app/views/admin/services/index.erb
index e061fe9..5ad5d57 100644
--- a/app/views/admin/services/index.erb
+++ b/app/views/admin/services/index.erb
@@ -3,10 +3,10 @@
 <div class="text-4xl mb-10">
     Services
   </div>
-  <% unless @is_readonly %>
+  <% unless @editing %>
     <div class="w-19/20 flex flex-none items-center justify-between ml-5 mb-2">
-        <div class="flex-none text-xl text-[#2FD400]">Edit</div>
-        <div class="grow h-[1px] mt-1 bg-[#2FD400]"></div>
+        <div class="flex-none text-xl text-[#<%= @accent_hex %>]">Edit</div>
+        <div class="grow h-[1px] mt-1 bg-[#<%= @accent_hex %>]"></div>
     </div>
   <% end %>
   <div class="flex flex-col ml-10 space-y-2">
@@ -16,73 +16,73 @@
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>'
                         id="serv_<%= index %>_name" 
                         name="services[][name]" 
                         value="<%= serv.name %>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @services.length - 1 %>
-                    <div class="text-[#2FD400]">Name</div>  
+                    <div class="<%= "text-[##{@accent_hex}]" if @editing %>">Name</div>  
                 <% end %>
             </div>
             
             <div class="flex flex-col items-center">
-                <select class="h-8 border-2 border-[#8000FF] rounded-lg text-center" name="services[][service_type_id]" id="service_type_select" <%= 'disabled' if @is_readonly %> >
+                <select class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>'name="services[][service_type_id]" id="service_type_select" <%= 'disabled' if @editing %> >
                     <option value="">Select a Service Type</option>
                     <% @service_types.each do |service_type| %>
                         <option value="<%= service_type.id %>"  <%= "selected" if serv.service_type_id == service_type.id %>><%= service_type.name %></option>
                     <% end %>
                 </select>
                 <% if index == @services.length - 1 %>
-                    <div class="text-[#2FD400]">Service Type</div>  
+                    <div class="<%= "text-[##{@accent_hex}]" if @editing %>">Service Type</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
-                <select class="h-8 border-2 border-[#8000FF] rounded-lg text-center" name="services[][machine_id]" id="machine_select" <%= 'disabled' if @is_readonly %> >
+                <select class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>'name="services[][machine_id]" id="machine_select" <%= 'disabled' if @editing %> >
                     <option value="">Select a Service Type</option>
                     <% @machines.each do |machine| %>
                         <option value="<%= machine.id %>"  <%= "selected" if serv.machine_id == machine.id %>><%= machine.name %></option>
                     <% end %>
                 </select>
                 <% if index == @services.length - 1 %>
-                    <div class="text-[#2FD400]">Machine</div>  
+                    <div class="<%= "text-[##{@accent_hex}]" if @editing %>">Machine</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>'
                         id="serv_<%= index %>_subdomain"
                         name="services[][subdomain]" 
                         value="<%= serv.subdomain%>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @services.length - 1 %>
-                    <div class="text-[#2FD400]">Subdomain</div>  
+                    <div class="<%= "text-[##{@accent_hex}]" if @editing %>">Subdomain</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>'
                         id="serv_<%= index %>_port"
                         name="services[][port]" 
                         value="<%= serv.port%>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @services.length - 1 %>
-                    <div class="text-[#2FD400]">Port</div>  
+                    <div class="<%= "text-[##{@accent_hex}]" if @editing %>">Port</div>  
                 <% end %>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class='h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center <%= "text-[##{@accent_hex}]" if !@editing %>'
                         id="serv_<%= index %>_url_path"
                         name="services[][url_path]" 
                         value="<%= serv.url_path%>"
-                        <%= 'readonly' if @is_readonly %> >
+                        <%= 'readonly' if @editing %> >
                 <% if index == @services.length - 1 %>
-                    <div class="text-[#2FD400]">URL Path (optional)</div>  
+                    <div class="<%= "text-[##{@accent_hex}]" if @editing %>">URL Path (optional)</div>  
                 <% end %>
             </div>
 
@@ -92,82 +92,85 @@
 
 
   <div class="flex flex-col space-y-2 mt-10">
-    <% if @is_readonly %>
-        <div class="w-19/20 flex justify-end space-x-5">
-            <a href="/admin/services/edit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+    <% if @editing %>
+        <div class="w-19/20 flex ml-10 space-x-5">
+            <a href="/admin/services/edit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
                 Edit/Add Services
             </a>
+            <a href="/admin" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
+                Back To Admin
+            </a>
         </div>
     <% else %>
         <div class="w-19/20 flex flex-none items-center justify-between ml-5 mb-2">
-            <div class="flex-none text-xl text-[#2FD400]">New</div>
-            <div class="grow h-[1px] mt-1 bg-[#2FD400]"></div>
+            <div class="flex-none text-xl text-[#<%= @accent_hex %>]">New</div>
+            <div class="grow h-[1px] mt-1 bg-[#<%= @accent_hex %>]"></div>
         </div>
         <div class="flex space-x-2 mb-10 ml-10"">
             <input type="hidden" name="services[][id]" value="">
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="serv_new_name" 
                         name="services[][name]" 
                         value="">
-                <div class="text-[#2FD400]">Name</div>
+                <div class="text-[#<%= @accent_hex %>]">Name</div>
             </div>
 
             <div class="flex flex-col items-center">
-                <select class="h-8 border-2 border-[#8000FF] rounded-lg text-center" name="services[][service_type_id]" id="service_type_select" <%= 'disabled' if @is_readonly %> >
+                <select class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" name="services[][service_type_id]" id="service_type_select" <%= 'disabled' if @editing %> >
                     <option value="">Select a Service Type</option>
                     <% @service_types.each do |service_type| %>
                         <option value="<%= service_type.id %>"><%= service_type.name %></option>
                     <% end %>
                 </select>
-                <div class="text-[#2FD400]">Service Type</div>  
+                <div class="text-[#<%= @accent_hex %>]">Service Type</div>  
             </div>
 
             <div class="flex flex-col items-center">
-                <select class="h-8 border-2 border-[#8000FF] rounded-lg text-center" name="services[][machine_id]" id="machine_select" <%= 'disabled' if @is_readonly %> >
+                <select class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" name="services[][machine_id]" id="machine_select" <%= 'disabled' if @editing %> >
                     <option value="">Select a Service Type</option>
                     <% @machines.each do |machine| %>
                         <option value="<%= machine.id %>"><%= machine.name %></option>
                     <% end %>
                 </select>
-                <div class="text-[#2FD400]">Machine</div>
+                <div class="text-[#<%= @accent_hex %>]">Machine</div>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="serv_new_subdomain" 
                         name="services[][subdomain]" 
                         value="">
-                <div class="text-[#2FD400]">Subdomain</div>
+                <div class="text-[#<%= @accent_hex %>]">Subdomain</div>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="serv_new_port"
                         name="services[][port]" 
                         value="">
-                <div class="text-[#2FD400]">Port</div>
+                <div class="text-[#<%= @accent_hex %>]">Port</div>
             </div>
 
             <div class="flex flex-col items-center">
                 <input type="text" 
-                        class="h-8 border-2 border-[#8000FF] rounded-lg text-center" 
+                        class="h-8 border-2 border-[#<%= @light_hex %>] rounded-lg text-center" 
                         id="serv_new_url_path"
                         name="services[][url_path]" 
                         value="">
-                <div class="text-[#2FD400]">URL Path (optional)</div>
+                <div class="text-[#<%= @accent_hex %>]">URL Path (optional)</div>
             </div>
 
         </div>
-        <div class="w-19/20 flex justify-end space-x-5">
-            <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#8000FF] border-2 border-[#8000FF] rounded-lg hover:text-[#2FD400] hover:bg-[#140029] hover:border-[#2FD400] transition-colors duration-200">
+        <div class="w-19/20 flex ml-10 space-x-5">
+            <button type="submit" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#<%= @light_hex %>] border-2 border-[#<%= @light_hex %>] rounded-lg hover:text-[#<%= @accent_hex %>] hover:bg-[#<%= @dark_hex %>] hover:border-[#<%= @accent_hex %>] transition-colors duration-200">
                 Save Services
             </button>
-            <a href="/admin/services" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#140029] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#140029] hover:border-[#F80800] transition-colors duration-200">
+            <a href="/admin/services" class="inline-block w-50 px-3 py-1 mt-20 text-center font-semibold text-[#<%= @dark_hex %>] bg-[#F80800] border-2 border-[#F80800] rounded-lg hover:text-[#F80800] hover:bg-[#<%= @dark_hex %>] hover:border-[#F80800] transition-colors duration-200">
                 Cancel
             </a>
         </div>
diff --git a/app/views/index.erb b/app/views/index.erb
index ef0ca9f..fae0454 100644
--- a/app/views/index.erb
+++ b/app/views/index.erb
@@ -1,27 +1,27 @@
-<div class="flex flex-col gap-y-2 bg-[url('/images/purpleandblackfire.svg')] bg-size-[auto_113%] bg-center bg-no-repeat">
+<div class="flex flex-col gap-y-2 bg-[url('/images/purplegreenblackfire.svg')] bg-size-[auto_113%] bg-center bg-no-repeat">
   <div class="flex flex-none items-center py-2 mb-13">
-        <div class="flex-none text-5xl text-[#8000FF]">Local Network Directory</div>
-        <div class="grow-5 h-[3px] mt-3 bg-[#8000FF]"></div>
-        <div class="flex-none mx-1 mt-2 text-2xl text-[#2FD400]">
+        <div class="flex-none text-5xl text-[#<%= @light_hex %>]">Local Network Directory</div>
+        <div class="grow-5 h-[3px] mt-3 bg-[#<%= @light_hex %>]"></div>
+        <div class="flex-none mx-1 mt-2 text-2xl text-[#<%= @accent_hex %>]">
             <% if @url_type == 'tailscale' %>
                 <%= @url_type.gsub('_', ' ') %>
             <% elsif @url_type == 'local_ip' %>
-                <a href="/" class="flex h-full text-center hover:text-[#009fff]">
+                <a href="/" class="flex h-full text-center hover:text-[#<%= @light_hex %>]">
                     <%= @url_type.gsub('_', ' ') %>
                 </a>
             <% else %>
-                <a href="?local_ip=true" class="flex h-full text-center hover:text-[#009fff]">
+                <a href="?local_ip=true" class="flex h-full text-center hover:text-[#<%= @light_hex %>]">
                     <%= @url_type.gsub('_', ' ') %>
                 </a>
             <% end %>
         </div>
-        <div class="grow-1 h-[3px] mt-3 bg-[#8000FF]"></div>
+        <div class="grow-1 h-[3px] mt-3 bg-[#<%= @light_hex %>]"></div>
   </div>
 
 
   <div class="flex gap-x-7">
     <div class="flex flex-col w-3/5 items-start">
-        <div class="flex bg-[#140029] text-center text-3xl text-[#<%= @media.hex_color %>] ml-15 -mb-4 px-2 z-1">
+        <div class="flex bg-[#<%= @dark_hex %>] text-center text-3xl text-[#<%= @media.hex_color %>] ml-15 -mb-4 px-2 z-1">
             <%= @media.name %>
         </div>
         <div class="flex flex-wrap text-2xl gap-1 py-4 justify-evenly items-center border-4 border-[#<%= @media.hex_color %>] rounded-lg">
@@ -34,14 +34,14 @@
     </div>
 
     <div class="flex flex-col w-2/5 items-start">
-        <div class="bg-[#140029] text-center text-3xl text-[#<%= @support.hex_color %>] ml-15 -mb-4 px-2 z-1">
+        <div class="bg-[#<%= @dark_hex %>] text-center text-3xl text-[#<%= @support.hex_color %>] ml-15 -mb-4 px-2 z-1">
             <%= @support.name %>
         </div>
         <div class="flex flex-wrap text-2xl gap-1 py-4 justify-evenly items-center border-4 border-[#<%= @support.hex_color %>] rounded-lg">
             <% @support.services.each do |service| %>
-                    <a href=<%= service.current_url %> class="flex justify-center items-center h-15 w-55 px-2 py-10 my-4 text-center font-bold text-[#<%= @support.hex_color %>] bg-transparent border-2 border-[#<%= @support.hex_color %>] rounded-lg hover:text-[#140029] hover:bg-[#<%= @support.hex_color %>] transition-colors duration-200">
-                        <%= service.name %>
-                    </a>
+                <a href=<%= service.current_url %> class="flex justify-center items-center h-15 w-55 px-2 py-10 my-4 text-center font-bold text-[#<%= @support.hex_color %>] bg-transparent border-2 border-[#<%= @support.hex_color %>] rounded-lg hover:text-[#<%= @dark_hex %>] hover:bg-[#<%= @support.hex_color %>] transition-colors duration-200">
+                    <%= service.name %>
+                </a>
             <% end %>
         </div>
     </div>
@@ -49,13 +49,13 @@
   </div>
 
   <div class="flex flex-col w-full items-start">
-    <div class="bg-[#140029] text-center text-3xl text-[#<%= @admin.hex_color %>] ml-15 -mb-4 px-2 z-1">
+    <div class="bg-[#<%= @dark_hex %>] text-center text-3xl text-[#<%= @admin.hex_color %>] ml-15 -mb-4 px-2 z-1">
         <%= @admin.name %>
     </div>
     <div class="flex flex-wrap w-full text-2xl gap-1 py-4 justify-evenly items-center border-4 border-[#<%= @admin.hex_color %>] rounded-lg">
         <% @admin.services.each do |service| %>
                 <div class="flex w-[21%] justify-center items-center">
-                    <a href=<%= service.current_url %> class="flex justify-center items-center h-15 w-55 px-2 py-10 my-4 text-center font-bold text-[#<%= @admin.hex_color %>] bg-transparent border-2 border-[#<%= @admin.hex_color %>] rounded-lg hover:text-[#140029] hover:bg-[#<%= @admin.hex_color %>] transition-colors duration-200">
+                    <a href=<%= service.current_url %> class="flex justify-center items-center h-15 w-55 px-2 py-10 my-4 text-center font-bold text-[#<%= @admin.hex_color %>] bg-transparent border-2 border-[#<%= @admin.hex_color %>] rounded-lg hover:text-[#<%= @dark_hex %>] hover:bg-[#<%= @admin.hex_color %>] transition-colors duration-200">
                         <%= service.name %>
                     </a>
                 </div>
@@ -63,4 +63,4 @@
     </div>
   </div>
 
-</div>
\ No newline at end of file
+</div>
diff --git a/app/views/layout.erb b/app/views/layout.erb
index 8fd8a0a..11588b4 100644
--- a/app/views/layout.erb
+++ b/app/views/layout.erb
@@ -5,7 +5,7 @@
   <title>Network Directory</title>
   <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
 </head>
-<body class="bg-[#140029] text-[#8000FF] font-semibold antialiased">
+<body class="bg-[#<%= @dark_hex %>] text-[#<%= @light_hex %>] font-semibold antialiased">
   <div class="container mx-auto px-4 py-8">
     <%= yield %>
   </div>
diff --git a/db/migrate/20260615190916_add_colors_to_local_network.rb b/db/migrate/20260615190916_add_colors_to_local_network.rb
new file mode 100644
index 0000000..746cdfc
--- /dev/null
+++ b/db/migrate/20260615190916_add_colors_to_local_network.rb
@@ -0,0 +1,7 @@
+class AddColorsToLocalNetwork < ActiveRecord::Migration[7.2]
+  def change
+    add_column :local_networks, :primary_dark_hex, :string
+    add_column :local_networks, :primary_light_hex, :string
+    add_column :local_networks, :accent_hex, :string
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index ec4fc7e..1e0c040 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -10,13 +10,16 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema[7.2].define(version: 2026_05_27_212837) do
+ActiveRecord::Schema[7.2].define(version: 2026_06_16_133017) do
   create_table "local_networks", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
     t.string "name"
     t.string "subnet"
     t.string "tld"
     t.datetime "created_at", null: false
     t.datetime "updated_at", null: false
+    t.string "primary_dark_hex"
+    t.string "primary_light_hex"
+    t.string "accent_hex"
   end
 
   create_table "machines", charset: "utf8mb4", collation: "utf8mb4_0900_ai_ci", force: :cascade do |t|
diff --git a/public/images/purplegreenblackfire-0.svg b/public/images/purplegreenblackfire-0.svg
new file mode 100644
index 0000000..cf13914
--- /dev/null
+++ b/public/images/purplegreenblackfire-0.svg
@@ -0,0 +1,1510 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 347 381"
+   height="381pt"
+   width="347pt"
+   version="1.1"
+   id="svg1497"
+   sodipodi:docname="purplegreenblackfire.svg"
+   inkscape:version="1.4.2 (ebf0e940, 2025-05-08)"
+   inkscape:export-filename="fullyblackfire.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <sodipodi:namedview
+     id="namedview1499"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="pt"
+     showgrid="false"
+     inkscape:zoom="0.87640482"
+     inkscape:cx="141.48713"
+     inkscape:cy="208.2371"
+     inkscape:window-width="1512"
+     inkscape:window-height="842"
+     inkscape:window-x="0"
+     inkscape:window-y="38"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Background" />
+  <title
+     id="title755">greenfire</title>
+  <defs
+     id="defs1162">
+    <radialGradient
+       r="23.465099"
+       id="Grad0"
+       cy="3.5109999"
+       fy="3.5109999"
+       cx="26.328699"
+       gradientUnits="userSpaceOnUse"
+       fx="26.328699"
+       gradientTransform="matrix(4.9195324,0,0,4.7910637,32.054848,377.52571)">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop757" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop759" />
+    </radialGradient>
+    <radialGradient
+       r="23.4655"
+       id="Grad1"
+       cy="3.5109999"
+       fy="3.5109999"
+       cx="26.327999"
+       gradientUnits="userSpaceOnUse"
+       fx="26.327999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop762" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop764" />
+    </radialGradient>
+    <radialGradient
+       r="32.871899"
+       gradientTransform="rotate(-0.65440637,36.902116,3.536282)"
+       id="Grad2"
+       cy="3.5369999"
+       fy="3.5369999"
+       cx="36.902"
+       gradientUnits="userSpaceOnUse"
+       fx="36.902">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop767" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop769" />
+    </radialGradient>
+    <radialGradient
+       r="23.465099"
+       id="Grad3"
+       cy="4.1490002"
+       fy="4.1490002"
+       cx="26.328699"
+       gradientUnits="userSpaceOnUse"
+       fx="26.328699">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop772" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop774" />
+    </radialGradient>
+    <radialGradient
+       r="23.465099"
+       id="Grad4"
+       cy="4.1490002"
+       fy="4.1490002"
+       cx="26.327999"
+       gradientUnits="userSpaceOnUse"
+       fx="26.327999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop777" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop779" />
+    </radialGradient>
+    <radialGradient
+       r="23.465099"
+       id="Grad5"
+       cy="4.1490002"
+       fy="4.1490002"
+       cx="26.327999"
+       gradientUnits="userSpaceOnUse"
+       fx="26.327999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop782" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop784" />
+    </radialGradient>
+    <radialGradient
+       r="23.4659"
+       id="Grad6"
+       cy="4.1490002"
+       fy="4.1490002"
+       cx="26.327999"
+       gradientUnits="userSpaceOnUse"
+       fx="26.327999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop787" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop789" />
+    </radialGradient>
+    <radialGradient
+       r="23.465401"
+       id="Grad7"
+       cy="4.4699998"
+       fy="4.4699998"
+       cx="26.3281"
+       gradientUnits="userSpaceOnUse"
+       fx="26.3281">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop792" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop794" />
+    </radialGradient>
+    <radialGradient
+       r="23.465401"
+       id="Grad8"
+       cy="4.4699998"
+       fy="4.4699998"
+       cx="26.327999"
+       gradientUnits="userSpaceOnUse"
+       fx="26.327999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop797" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop799" />
+    </radialGradient>
+    <radialGradient
+       r="23.465"
+       id="Grad9"
+       cy="4.4699998"
+       fy="4.4699998"
+       cx="26.329"
+       gradientUnits="userSpaceOnUse"
+       fx="26.329">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop802" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop804" />
+    </radialGradient>
+    <radialGradient
+       r="23.465799"
+       id="Grad10"
+       cy="4.4699998"
+       fy="4.4699998"
+       cx="26.327999"
+       gradientUnits="userSpaceOnUse"
+       fx="26.327999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop807" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop809" />
+    </radialGradient>
+    <radialGradient
+       r="23.465"
+       id="Grad11"
+       cy="3.5112"
+       fy="3.5112"
+       cx="26.328699"
+       gradientUnits="userSpaceOnUse"
+       fx="26.328699">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop812" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop814" />
+    </radialGradient>
+    <radialGradient
+       r="23.465401"
+       id="Grad12"
+       cy="3.5112"
+       fy="3.5112"
+       cx="26.327999"
+       gradientUnits="userSpaceOnUse"
+       fx="26.327999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop817" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop819" />
+    </radialGradient>
+    <radialGradient
+       r="23.465"
+       id="Grad13"
+       cy="3.5112"
+       fy="3.5112"
+       cx="26.327999"
+       gradientUnits="userSpaceOnUse"
+       fx="26.327999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop822" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop824" />
+    </radialGradient>
+    <radialGradient
+       r="23.465"
+       id="Grad14"
+       cy="3.5112"
+       fy="3.5112"
+       cx="26.329"
+       gradientUnits="userSpaceOnUse"
+       fx="26.329">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop827" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop829" />
+    </radialGradient>
+    <radialGradient
+       r="34.912399"
+       id="Grad15"
+       cy="3.5109999"
+       fy="3.5109999"
+       cx="39.174999"
+       gradientUnits="userSpaceOnUse"
+       fx="39.174999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ffbf41"
+         id="stop832" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffffff"
+         id="stop834" />
+    </radialGradient>
+    <linearGradient
+       id="Grad16"
+       x1="19.431"
+       y2="28.667999"
+       gradientUnits="userSpaceOnUse"
+       y1="28.667999"
+       x2="72.967796">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop837" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop839" />
+    </linearGradient>
+    <linearGradient
+       id="Grad17"
+       x1="-7.02"
+       y2="25.510799"
+       gradientUnits="userSpaceOnUse"
+       y1="25.510799"
+       x2="60.3438">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop842" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop844" />
+    </linearGradient>
+    <clipPath
+       id="Clip0"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 21.9855,45.955 C 5.39057,45.955 -2.90673,30.955 0.922567,18.51 2.51827,26.807 6.02927,30.317 12.0922,32.551 10.9277,8.983 30.6023,13.084 29.0066,0 c 5.1055,12.446 0.9571,22.02 -3.1914,29.679 6.3824,-3.829 14.361,0.319 17.8711,-9.894 0.7129,10.628 -5.1055,26.17 -21.7008,26.17 z"
+         id="path847" />
+    </clipPath>
+    <linearGradient
+       id="Grad18"
+       x1="19.5826"
+       y2="34.348999"
+       gradientUnits="userSpaceOnUse"
+       y1="34.348999"
+       x2="73.539597">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop850" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop852" />
+    </linearGradient>
+    <linearGradient
+       id="Grad19"
+       x1="-0.63800102"
+       y2="31.283899"
+       gradientUnits="userSpaceOnUse"
+       y1="31.283899"
+       x2="58.187">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop855" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop857" />
+    </linearGradient>
+    <clipPath
+       id="Clip1"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 0,1.76 C 0.223,1.201 0.429,0.614 0.618,0 0.625,0.24 0.63,0.477 0.632,0.713 0.422,1.047 0.211,1.396 0,1.76 Z"
+         id="path860" />
+    </clipPath>
+    <clipPath
+       id="Clip2"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 24.9384,42.764 C 7.40836,42.764 -4.08164,25.531 1.36136,8.907 4.21636,22.34 13.4704,31.914 21.4494,33.19 c -3.901,-1.63 -7.34,-7.659 -5.425,-18.19 2.553,8.298 8.765,11.949 13.403,13.723 -2.233,-10.851 7.341,-17.553 7.021,-28.723 2.365,8.383 4.869,16.727 5.086,23.452 -0.189,0.614 -0.395,1.201 -0.618,1.76 0.211,-0.364 0.422,-0.713 0.632,-1.047 0.023,2.968 -0.433,5.599 -1.589,7.749 5.745,-0.319 11.169,-7.021 14.041,-12.127 -1.914,9.574 -6.382,22.977 -29.062,22.977 z"
+         id="path863" />
+    </clipPath>
+    <linearGradient
+       id="Grad20"
+       x1="0.060008299"
+       y2="0.080328301"
+       gradientUnits="userSpaceOnUse"
+       y1="0.080328301"
+       x2="0.22677401">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop866" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop868" />
+    </linearGradient>
+    <linearGradient
+       id="Grad21"
+       x1="20.6793"
+       y2="27.379601"
+       gradientUnits="userSpaceOnUse"
+       y1="27.379601"
+       x2="77.652702">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop871" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop873" />
+    </linearGradient>
+    <linearGradient
+       id="Grad22"
+       x1="-4.4089999"
+       y2="23.7111"
+       gradientUnits="userSpaceOnUse"
+       y1="23.7111"
+       x2="61.431702">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop876" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop878" />
+    </linearGradient>
+    <clipPath
+       id="Clip3"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 17.8149,46.359 C 6.28389,46.359 -2.88411,40.398 0.842888,20.105 1.78489,32.354 8.52489,37.882 15.1269,37.882 c 6.814,0 13.481,-5.885 13.481,-16.341 0,-4.759 -3.83,-11.009 -4.309,-21.541 2.872,11.01 13.848,18.317 16.276,26.808 2.25,7.871 -3.956,17.316 -17.233,19.148 -1.873,0.258 -3.729,0.403 -5.527,0.403 z"
+         id="path881" />
+    </clipPath>
+    <linearGradient
+       id="Grad23"
+       x1="19.8323"
+       y2="23.6563"
+       gradientUnits="userSpaceOnUse"
+       y1="23.6563"
+       x2="74.469498">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop884" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop886" />
+    </linearGradient>
+    <linearGradient
+       id="Grad24"
+       x1="-9.9530001"
+       y2="19.080601"
+       gradientUnits="userSpaceOnUse"
+       y1="19.080601"
+       x2="62.2034">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop889" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop891" />
+    </linearGradient>
+    <clipPath
+       id="Clip4"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 11.3908,48.559 C 2.97083,48.559 -1.03017,44.249 0.226832,34.271 1.90183,20.987 26.4598,14.736 16.0788,0 c 16.41,10.047 20.316,48.448 -4.577,48.559 -0.037,0 -0.075,0 -0.111,0 z"
+         id="path894" />
+    </clipPath>
+    <linearGradient
+       id="Grad25"
+       x1="10.597"
+       y2="11.4478"
+       gradientUnits="userSpaceOnUse"
+       y1="11.4478"
+       x2="39.791901">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop897" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop899" />
+    </linearGradient>
+    <linearGradient
+       id="Grad26"
+       x1="-2.2406001"
+       y2="9.6487303"
+       gradientUnits="userSpaceOnUse"
+       y1="9.6487303"
+       x2="32.3382">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop902" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop904" />
+    </linearGradient>
+    <clipPath
+       id="Clip5"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 6.305,22.678 C 4.481,22.678 2.747,22.061 1.478,20.791 0.737,20.051 0.263,19.289 0,18.507 2.047,15.428 3.254,11.734 3.798,7.743 5.242,5.316 6.633,2.738 7.122,0 8.309,12.475 7.893,12.906 5.933,17.228 c 0.909,0.404 2.009,0.657 3.173,0.657 2.262,0 4.769,-0.957 6.594,-3.624 -1.018,5.494 -5.424,8.418 -9.395,8.417 z"
+         id="path907" />
+    </clipPath>
+    <linearGradient
+       id="Grad27"
+       x1="19.927799"
+       y2="25.931299"
+       gradientUnits="userSpaceOnUse"
+       y1="25.931299"
+       x2="74.830002">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop910" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop912" />
+    </linearGradient>
+    <linearGradient
+       id="Grad28"
+       x1="-3.53"
+       y2="21.654699"
+       gradientUnits="userSpaceOnUse"
+       y1="21.654699"
+       x2="56.632401">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop915" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop917" />
+    </linearGradient>
+    <clipPath
+       id="Clip6"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 20.3821,47.151 c -6.93,0 -12.43998,-2.351 -15.97498,-6.479 0.288,-3.785 -1.496,-8.475 -4.4070021,-13.019 -0.008,-2.708 0.3910001,-5.635 1.2350021,-8.745 0.228,9.402 9.02798,14.631 13.55398,14.631 0.197,0 0.386,-0.01 0.567,-0.031 C 6.31812,15.455 24.6911,8.616 23.0151,0 c 6.702,13.882 -6.462,17.95 2.154,31.594 1.676,-9.574 12.207,-4.548 13.404,-17.473 3.111,15.079 2.349,33.03 -18.191,33.03 z"
+         id="path920" />
+    </clipPath>
+    <linearGradient
+       id="Grad29"
+       x1="10.0975"
+       y2="10.6161"
+       gradientUnits="userSpaceOnUse"
+       y1="10.6161"
+       x2="37.918201">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop923" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop925" />
+    </linearGradient>
+    <linearGradient
+       id="Grad30"
+       x1="-1.89825"
+       y2="8.6501703"
+       gradientUnits="userSpaceOnUse"
+       y1="8.6501703"
+       x2="27.405899">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop928" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop930" />
+    </linearGradient>
+    <clipPath
+       id="Clip7"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 9.013,21.684 c -3.711,0 -8,-3.431 -9.013,-8.898 2.089,2.228 4.481,3.691 6.622,3.691 0.596,0 1.173,-0.113 1.718,-0.355 C 5.782,12.762 5.064,7.736 7.228,0 c -0.967,7.736 13.37,12.291 5.495,20.182 -1.023,1.026 -2.327,1.502 -3.71,1.502 z"
+         id="path933" />
+    </clipPath>
+    <linearGradient
+       id="Grad31"
+       x1="24.438999"
+       y2="31.6276"
+       gradientUnits="userSpaceOnUse"
+       y1="31.6276"
+       x2="71.191299">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop936" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop938" />
+    </linearGradient>
+    <linearGradient
+       id="Grad32"
+       x1="-13.822"
+       y2="24.562"
+       gradientUnits="userSpaceOnUse"
+       y1="24.562"
+       x2="45.451698">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop941" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop943" />
+    </linearGradient>
+    <clipPath
+       id="Clip8"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 17.3403,33.9692 C 3.89629,33.9692 -5.72871,22.5102 3.89629,6.775 3.13229,16.4 6.03429,18.5403 8.78429,20.0672 6.87529,10.668 20.9143,0 37.0663,0 c 0.652,0 1.31,0.018 1.969,0.0532 -6.876,3.2082 -17.112,13.291 -16.959,17.4171 0.645,-0.282 1.387,-0.3941 2.2,-0.3941 1.562,0 3.389,0.4129 5.313,0.827 1.923,0.4128 3.942,0.8261 5.889,0.8261 2.77,0 5.392,-0.8371 7.376,-3.7043 -2.903,9.625 -13.826,18.9442 -25.514,18.9442 z M 2.21529,14.8114 c -0.006,0 -0.011,0.057 -0.017,0.1699 l 0.019,0.0969 0.015,-0.0969 c -0.005,-0.1129 -0.011,-0.1699 -0.017,-0.1699 z"
+         id="path946" />
+    </clipPath>
+    <clipPath
+       id="Clip9"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 0.019,0.2668 0,0.1699 C 0.006,0.057 0.011,0 0.017,0 0.023,0 0.029,0.057 0.034,0.1699 Z"
+         id="path949" />
+    </clipPath>
+    <linearGradient
+       id="Grad33"
+       x1="0.035163"
+       y2="0.0416601"
+       gradientUnits="userSpaceOnUse"
+       y1="0.0416601"
+       x2="0.132018">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop952" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop954" />
+    </linearGradient>
+    <linearGradient
+       id="Grad34"
+       x1="19.7481"
+       y2="35.980701"
+       gradientUnits="userSpaceOnUse"
+       y1="35.980701"
+       x2="74.155098">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop957" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop959" />
+    </linearGradient>
+    <linearGradient
+       id="Grad35"
+       x1="-11.607"
+       y2="32.1828"
+       gradientUnits="userSpaceOnUse"
+       y1="32.1828"
+       x2="45.837101">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop962" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop964" />
+    </linearGradient>
+    <linearGradient
+       id="Grad36"
+       x1="-0.033"
+       y2="0.0090000099"
+       gradientUnits="userSpaceOnUse"
+       y1="0.0090000099"
+       x2="0.207894">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#000000"
+         id="stop967" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ff8300"
+         id="stop969" />
+    </linearGradient>
+    <clipPath
+       id="Clip10"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 47.4516,31.88 c -6.711,-1.856 -15.127,-2.958 -24.27,-2.958 -7.889,0 -15.25196,0.824 -21.42696,2.241 C -0.600364,26.021 -0.178364,17.836 0.682636,14.198 1.44964,20.487 8.08364,24.834 14.0476,25.61 8.41864,17.625 15.6756,7.697 17.9076,0 c 4.843,7.266 11.201,12.665 14.753,20.918 2.317,-2.202 2.949,-5.772 3.121,-8.875 2.824,2.863 5.82,7.277 7.075,11.106 3.102,-1.771 5.035,-5.582 4.738,-9.211 3.457,8.024 2.93,13.874 -0.143,17.942 z"
+         id="path972" />
+    </clipPath>
+    <linearGradient
+       id="Grad37"
+       x1="19.402201"
+       y2="31.326599"
+       gradientUnits="userSpaceOnUse"
+       y1="31.326599"
+       x2="72.856697">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop975" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop977" />
+    </linearGradient>
+    <linearGradient
+       id="Grad38"
+       x1="-10.03"
+       y2="26.559799"
+       gradientUnits="userSpaceOnUse"
+       y1="26.559799"
+       x2="47.641399">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop980" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop982" />
+    </linearGradient>
+    <clipPath
+       id="Clip11"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 22.9003,38.286 c -0.468,0 -0.939,-0.01 -1.421,-0.031 C 7.19626,37.637 -6.75274,32.83 3.56826,5.385 c -2.429,13.722 6.025,21.12 11.12704,22.672 -3.717,-3.916 -6.87704,-6.715 -4.447,-17.247 1.241,10.007 7.437,13.753 13.797,13.753 0.887,0 1.776,-0.072 2.656,-0.211 6.7,-1.057 20.279,-6.92 11.225,-24.352 14.003,13.798 7.795,38.286 -15.026,38.286 z"
+         id="path985" />
+    </clipPath>
+    <linearGradient
+       id="Grad39"
+       x1="20.245199"
+       y2="32.980499"
+       gradientUnits="userSpaceOnUse"
+       y1="32.980499"
+       x2="76.025002">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop988" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop990" />
+    </linearGradient>
+    <linearGradient
+       id="Grad40"
+       x1="-15.005"
+       y2="29.419201"
+       gradientUnits="userSpaceOnUse"
+       y1="29.419201"
+       x2="56.279301">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop993" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop995" />
+    </linearGradient>
+    <clipPath
+       id="Clip12"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 14.155,2.5316 C 9.979,2.5316 4.751,2.1808 0,0.2457 3.979,1.1226 8.557,1.4398 13.516,1.5738 14.149,1.591 14.765,1.6 15.37,1.6 20.409,1.6 24.503,1.0148 27.841,0 24.014,1.6238 19.419,2.5316 14.155,2.5316 Z"
+         id="path998" />
+    </clipPath>
+    <clipPath
+       id="Clip13"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 28.3583,29.384 c -0.605,0 -1.221,-0.009 -1.854,-0.0262 -4.959,-0.134 -9.537,-0.4512 -13.516,-1.3281 C 5.75631,25.084 -0.368694,18.4656 0.0173062,3.8277 1.04131,10.8547 6.43331,14.3238 11.8453,14.3238 c 6.385,0 12.797,-4.825 12.105,-14.3238 1.669,6.3008 3.856,8.5277 5.971,8.5277 1.526,0 3.014,-1.1597 4.242,-2.784 -1.938,9.5422 1.767,13.5809 6.46,13.5809 5.352,0 11.987,-5.25 13.007,-13.5809 1.361,9.752 -3.402,18.0532 -12.801,22.0403 -3.338,1.0148 -7.432,1.6 -12.471,1.6 z"
+         id="path1001" />
+    </clipPath>
+    <linearGradient
+       id="Grad41"
+       x1="3.1919999"
+       y2="25.473301"
+       gradientUnits="userSpaceOnUse"
+       y1="25.473301"
+       x2="75.318604">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1004" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1006" />
+    </linearGradient>
+    <linearGradient
+       id="Grad42"
+       x1="2.5539999"
+       y2="15.7897"
+       gradientUnits="userSpaceOnUse"
+       y1="15.7897"
+       x2="74.680397">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1009" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1011" />
+    </linearGradient>
+    <linearGradient
+       id="Grad43"
+       x1="-16.304001"
+       y2="21.5166"
+       gradientUnits="userSpaceOnUse"
+       y1="21.5166"
+       x2="61.148201">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1014" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1016" />
+    </linearGradient>
+    <linearGradient
+       id="Grad44"
+       x1="-14.796"
+       y2="12.6238"
+       gradientUnits="userSpaceOnUse"
+       y1="12.6238"
+       x2="55.492802">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1019" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1021" />
+    </linearGradient>
+    <clipPath
+       id="Clip14"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 34.28,26.6989 C 34.919,14.4129 24.067,12.4981 11.781,10.1059 7.418,9.2559 2.845,5.479 0,0 c 4.281,6.595 14.573,4.8649 21.28,6.279 2.514,0.5308 4.439,1.1058 6.584,2.5332 -0.79,-3.6653 -4.272,-6.534 -7.095,-8.7723 9.18,2.634 19.414,11.9801 13.511,26.659 z"
+         id="path1024" />
+    </clipPath>
+    <clipPath
+       id="Clip15"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 9.745,34.5687 9.906,34.25 C 15.774,24.6379 11.963,14.032 4.804,6.493 2.906,4.4949 0.986,2.6379 0,0 c 2.437,4.798 9.995,5.5359 13.811,9.1867 1.132,1.084 2.255,2.4973 2.792,3.9481 0.559,-2.0969 -0.314,-5.8579 -1.292,-7.7098 6.072,7.9141 6.047,17.323 -1.019,24.5277 -1.511,1.541 -2.886,3.2274 -4.547,4.616 z"
+         id="path1027" />
+    </clipPath>
+    <linearGradient
+       id="Grad45"
+       x1="3.1526401"
+       y2="22.5086"
+       gradientUnits="userSpaceOnUse"
+       y1="22.5086"
+       x2="74.421303">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1030" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1032" />
+    </linearGradient>
+    <linearGradient
+       id="Grad46"
+       x1="-9.6389999"
+       y2="17.295099"
+       gradientUnits="userSpaceOnUse"
+       y1="17.295099"
+       x2="52.826801">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1035" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1037" />
+    </linearGradient>
+    <clipPath
+       id="Clip16"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 14.937,36.372 c -0.412,0 -0.817,-0.013 -1.213,-0.036 C 9.062,36.068 5.359,35.838 0,30.987 c 1.217,0.753 2.451,1.091 3.605,1.091 3.103,-0.001 5.63,-2.446 5.714,-5.845 0.1,-4.08 -2.49,-7.487 -4.824,-10.679 1.344,1.104 2.318,1.561 3.033,1.561 1.972,0 1.982,-3.468 2.345,-6.417 0.511,-4.162 1.383,-7.39 4.081,-10.698 -3.823,6.615 -6.048,27.654 4.753,29.156 0.788,0.109 1.576,0.194 2.365,0.194 2.37,0 4.748,-0.766 7.175,-3.929 -1.636,8.867 -8.009,10.951 -13.31,10.951 z"
+         id="path1040" />
+    </clipPath>
+    <linearGradient
+       id="Grad47"
+       x1="19.940599"
+       y2="29.317699"
+       gradientUnits="userSpaceOnUse"
+       y1="29.317699"
+       x2="74.873398"
+       gradientTransform="matrix(0.80350378,4.8995797,-5.0590639,0.77817376,280.84428,-12.229925)">
+      <stop
+         offset="0"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1043"
+         style="stop-color:#0d0024;stop-opacity:1;" />
+      <stop
+         offset="1"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1045"
+         style="stop-color:#000000;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="Grad48"
+       x1="-5.2210002"
+       y2="24.601801"
+       gradientUnits="userSpaceOnUse"
+       y1="24.601801"
+       x2="58.736198"
+       gradientTransform="matrix(0,4.9609914,-5.1224747,0,302.24701,62.063408)">
+      <stop
+         offset="0"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1048"
+         style="stop-color:#46008a;stop-opacity:1;" />
+      <stop
+         offset="1"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1050"
+         style="stop-color:#2a0057;stop-opacity:1;" />
+    </linearGradient>
+    <clipPath
+       id="Clip17"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 19.4672,43.083 C 7.8187,43.083 2.3933,39.572 0,28.881 4.4679,35.742 7.9933,36.754 10.8508,37.178 3.5105,29.839 9.8937,16.276 14.0418,10.372 13.8008,14.931 11.489,22.658 17.3929,29.041 16.5949,17.711 29.6793,16.116 28.0836,0 c 3.6703,13.883 1.2382,24.788 -2.0739,29.52 4.6274,-0.639 9.5739,-2.075 13.2434,-7.021 -3.0316,16.914 -12.2867,20.584 -19.7859,20.584 z"
+         id="path1053" />
+    </clipPath>
+    <linearGradient
+       id="Grad49"
+       x1="6.7444921"
+       y2="-1.8348559"
+       gradientUnits="userSpaceOnUse"
+       y1="7.615016"
+       x2="15.556641"
+       gradientTransform="matrix(0.80350378,4.8995797,-5.0590639,0.77817376,106.50342,44.187461)">
+      <stop
+         offset="0"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1056"
+         style="stop-color:#46008a;stop-opacity:1;" />
+      <stop
+         offset="0.528534"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1058"
+         style="stop-color:#2fd400;stop-opacity:1;" />
+    </linearGradient>
+    <linearGradient
+       id="Grad50"
+       x1="19.5982"
+       y2="31.4506"
+       gradientUnits="userSpaceOnUse"
+       y1="31.4506"
+       x2="73.593903">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1061" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1063" />
+    </linearGradient>
+    <linearGradient
+       id="Grad51"
+       x1="-8.2180004"
+       y2="25.619801"
+       gradientUnits="userSpaceOnUse"
+       y1="25.619801"
+       x2="61.988899">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1066" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1068" />
+    </linearGradient>
+    <clipPath
+       id="Clip18"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 19.6808,43.4 2.232,-0.317 c -1.251,0.158 -2.556,0.244 -3.876,0.244 -6.998,0 -14.45904,-2.418 -17.00204,-9.369 -0.847,-2.315 -1.177,-4.54 -0.9789998,-7.005 C 1.02976,31.274 6.44076,34.945 12.0208,34.945 1.48976,22.977 15.6918,5.103 24.1478,0 c -4.308,6.701 -3.117,11.417 -1.133,14.723 2.315,3.863 4.31,7.857 5.288,12.285 0.407,1.838 0.427,3.48 0.506,5.367 5.215,-2.902 9.7,-9.66 8.65,-15.928 5.593,10.48 1.515,21.979 -10.093,25.924 -2.477,0.843 -5.087,0.995 -7.685,1.029 z M 0.0557602,26.953 c -0.001,-0.003 -0.001,-0.007 -0.002,-0.01 -0.001,-0.059 -0.002,-0.088 -0.001,-0.088 0,0 0.001,0.029 0.004,0.088 0,0.003 -10e-4,0.007 -10e-4,0.01 z"
+         id="path1071" />
+    </clipPath>
+    <linearGradient
+       id="Grad52"
+       x1="10.3649"
+       y2="10.6018"
+       gradientUnits="userSpaceOnUse"
+       y1="10.6018"
+       x2="38.9226">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1074" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1076" />
+    </linearGradient>
+    <linearGradient
+       id="Grad53"
+       x1="-3.9619999"
+       y2="7.9633002"
+       gradientUnits="userSpaceOnUse"
+       y1="7.9633002"
+       x2="29.889799">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1079" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1081" />
+    </linearGradient>
+    <clipPath
+       id="Clip19"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 4.286,24.054 C 1.773,21.901 0.645,20.572 0,18.389 0.604,19.488 1.749,20.256 2.952,20.326 2.85,7.66 11.347,7.061 11.467,0 12.424,4.547 12.663,7.898 9.791,12.086 8.008,14.689 6.262,16.509 5.091,19.453 4.518,20.89 3.329,22.5 4.286,24.054 Z"
+         id="path1084" />
+    </clipPath>
+    <linearGradient
+       id="Grad54"
+       x1="3.286"
+       y2="22.8151"
+       gradientUnits="userSpaceOnUse"
+       y1="22.8151"
+       x2="77.562401">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1087" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1089" />
+    </linearGradient>
+    <linearGradient
+       id="Grad55"
+       x1="1.099"
+       y2="5.53689"
+       gradientUnits="userSpaceOnUse"
+       y1="5.53689"
+       x2="25.921801">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1092" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1094" />
+    </linearGradient>
+    <linearGradient
+       id="Grad56"
+       x1="-13.734"
+       y2="17.189199"
+       gradientUnits="userSpaceOnUse"
+       y1="17.189199"
+       x2="48.980301">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1097" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1099" />
+    </linearGradient>
+    <clipPath
+       id="Clip20"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 12.7763,46.9129 C 3.77158,46.9129 -1.39602,38.7418 0.330578,31.834 2.82508,21.8481 11.8193,16.2758 16.6064,0 c -2.1543,15.5578 -0.7184,26.3289 8.6168,30.1578 0.4781,-3.1109 0.957,-5.0257 -0.7184,-10.0519 8.8563,14.3609 4.3082,26.807 -11.7285,26.807 z"
+         id="path1102" />
+    </clipPath>
+    <linearGradient
+       id="Grad57"
+       x1="-5.1919999"
+       y2="3.2614501"
+       gradientUnits="userSpaceOnUse"
+       y1="3.2614501"
+       x2="18.5177">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1105" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1107" />
+    </linearGradient>
+    <clipPath
+       id="Clip21"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 1.69444,17.5509 -0.0789,-0.159 C -1.02466,13.527 0.0300394,9.32 1.53514,5.3462 2.02734,4.0458 2.57224,1.914 2.09404,0 c 3.7497,4.229 3.7196,9.7802 1.0653,14.3829 -0.5754,0.9992 -1.1211,2.0641 -1.4649,3.168 z"
+         id="path1110" />
+    </clipPath>
+    <linearGradient
+       id="Grad58"
+       x1="19.153601"
+       y2="24.1418"
+       gradientUnits="userSpaceOnUse"
+       y1="24.1418"
+       x2="71.933098">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1113" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1115" />
+    </linearGradient>
+    <linearGradient
+       id="Grad59"
+       x1="-8.1169996"
+       y2="19.317499"
+       gradientUnits="userSpaceOnUse"
+       y1="19.317499"
+       x2="49.672699">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1118" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1120" />
+    </linearGradient>
+    <clipPath
+       id="Clip22"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 12.7055,49.307 C 6.94053,49.307 1.75753,47.78 0.680525,44.519 -2.70047,34.28 7.83053,28.504 3.71153,20.265 c 4.947,2.713 7.65897,6.542 8.93497,15.159 -0.797,-9.574 -2.074,-22.659 6.702,-35.424 -4.627,16.436 17.393,30.318 10.691,42.764 -2.279,4.233 -10.246,6.543 -17.334,6.543 z"
+         id="path1123" />
+    </clipPath>
+    <linearGradient
+       id="Grad60"
+       x1="9.6015196"
+       y2="8.5327597"
+       gradientUnits="userSpaceOnUse"
+       y1="8.5327597"
+       x2="36.057499">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1126" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1128" />
+    </linearGradient>
+    <linearGradient
+       id="Grad61"
+       x1="-1.04171"
+       y2="6.1501498"
+       gradientUnits="userSpaceOnUse"
+       y1="6.1501498"
+       x2="24.4291">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1131" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1133" />
+    </linearGradient>
+    <linearGradient
+       id="Grad62"
+       x1="20.232599"
+       y2="28.0453"
+       gradientUnits="userSpaceOnUse"
+       y1="28.0453"
+       x2="75.977402">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1136" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1138" />
+    </linearGradient>
+    <linearGradient
+       id="Grad63"
+       x1="-10.053"
+       y2="24.8167"
+       gradientUnits="userSpaceOnUse"
+       y1="24.8167"
+       x2="51.838902">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#ff1e00"
+         id="stop1141" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ffed00"
+         id="stop1143" />
+    </linearGradient>
+    <linearGradient
+       id="Grad64"
+       x1="-30.158001"
+       y2="15.2316"
+       gradientUnits="userSpaceOnUse"
+       y1="15.2316"
+       x2="-3.9409001">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#000000"
+         id="stop1146" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ff8300"
+         id="stop1148" />
+    </linearGradient>
+    <linearGradient
+       id="Grad65"
+       x1="-20.424"
+       y2="15.2312"
+       gradientUnits="userSpaceOnUse"
+       y1="15.2312"
+       x2="5.7930999">
+      <stop
+         offset="0%"
+         stop-opacity="1"
+         stop-color="#000000"
+         id="stop1151" />
+      <stop
+         offset="100%"
+         stop-opacity="1"
+         stop-color="#ff8300"
+         id="stop1153" />
+    </linearGradient>
+    <clipPath
+       id="Clip23"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="M 0.0621,0.581 C 0.041,0.511 0.0203,0.44 0,0.369 0.0312,0.246 0.0632,0.123 0.0949,0 0.0832,0.195 0.0718,0.389 0.0621,0.581 Z"
+         id="path1156" />
+    </clipPath>
+    <clipPath
+       id="Clip24"
+       clipPathUnits="userSpaceOnUse"
+       clip-rule="evenodd">
+      <path
+         d="m 36.8326,36.482 c 0.0067,-0.098 0.0102,-0.196 0.0106,-0.294 0,-0.006 0,-0.011 0,-0.016 0,-0.006 0,-0.012 0,-0.018 0,-0.002 0,-0.003 0,-0.005 0,-0.004 0,-0.008 0,-0.013 0,-0.002 -4e-4,-0.003 -4e-4,-0.005 0,-0.004 0,-0.009 0,-0.013 0,-0.001 0,-0.003 0,-0.005 0,-0.005 0,-0.01 0,-0.015 0,0 0,-10e-4 0,-0.002 -0.041,-3.182 -2.6512,-5.999 -6.6598,-7.758 4.975,-1.7 10.8125,-4.996 12.95,-12.113 0.5996,9.488 -1.8574,16.14 -6.3004,20.257 z M 4.32134,34.441 C -0.415358,29.068 -2.06616,20.579 3.54404,8.566 2.88304,15.086 4.28384,18.778 11.3143,21.651 9.11784,17.547 10.1807,11.257 13.069,0 c 0.0203,0.071 0.041,0.142 0.0621,0.212 -0.5867,11.237 2.0984,16.362 6.4937,16.361 0.1867,0 0.3766,-0.009 0.5688,-0.027 6.5578,-0.625 7.0297,-2.235 8.1402,-8.937 3.3277,8.294 4.0692,14.993 -0.3578,19.913 -2.2266,-0.684 -4.7508,-1.074 -7.427,-1.084 -7e-4,0 -0.0015,0 -0.0023,0 -0.009,0 -0.0176,0 -0.0266,0 -0.0019,0 -0.0046,0 -0.0066,0 -0.0078,0 -0.0145,0 -0.0223,0 -0.0031,0 -0.0058,0 -0.009,0 -0.0097,0 -0.0195,0 -0.0292,0 -0.009,0 -0.0172,0 -0.0262,0 -4e-4,0 -0.0024,0 -0.0028,0 -0.0074,0 -0.0144,0 -0.0218,0 -0.0032,0 -0.0055,0 -0.0082,0 -0.0055,0 -0.011,0 -0.0164,0 -0.0036,0 -0.0079,0 -0.011,0 -0.0047,0 -0.0101,0 -0.0144,0 -0.0032,0 -0.0067,0 -0.0102,0 -0.0051,0 -0.0101,0.001 -0.0156,0.001 -0.0039,0 -0.0063,0 -0.0102,0 -0.005,0 -0.0109,0 -0.0156,0 -0.0035,0 -0.0059,0 -0.009,0 -0.0047,0 -0.0097,0 -0.0144,0 -0.0043,0 -0.0078,0 -0.0125,0 -0.0047,0 -0.0102,0 -0.0153,0 -0.0027,0 -0.0058,0 -0.0086,0 -0.0078,0 -0.016,0 -0.0242,0 -0.0043,0 -0.0094,0 -0.0136,0 -0.0036,0 -0.0079,0 -0.0114,0 -0.0058,0.001 -0.0113,0.001 -0.0176,0.001 -0.0019,0 -0.0031,0 -0.005,0 -0.0055,0 -0.0121,0 -0.0176,0 -0.0031,0 -0.0055,0 -0.0086,0 -0.0051,0 -0.0113,0 -0.0164,0 -0.002,0 -0.0051,0 -0.0067,0 -0.0062,0 -0.0125,0 -0.0183,0 -0.0016,0 -0.0035,10e-4 -0.0051,10e-4 -7.898,0.1 -14.42066,3.517 -15.77496,8 z"
+         id="path1159" />
+    </clipPath>
+  </defs>
+  <g
+     id="Background"
+     inkscape:label="Background"
+     inkscape:groupmode="layer">
+    <path
+       d="m 172.05994,371.01884 -13.20357,-0.23302 -12.48456,-0.68768 -11.77884,-1.12525 -11.08857,-1.54638 -10.41108,-1.95049 -9.74903,-2.33813 -9.101272,-2.7085 -8.467446,-3.06271 -7.847329,-3.39919 -7.242662,-3.71925 -6.65143,-4.02316 -6.074907,-4.30927 -5.512327,-4.57914 -4.964615,-4.83216 -4.430681,-5.06801 -3.911194,-5.28757 -3.406071,-5.49032 -2.915149,-5.67535 -2.438754,-5.84457 -1.976138,-5.9966 -1.52789,-6.13185 -1.09451,-6.25026 -0.674988,-6.35195 -0.269852,-6.43689 0.121555,-6.50462 0.497496,-6.55591 0.860037,-6.59058 1.207814,-6.6079 1.542239,-6.60863 1.861209,-6.59287 2.165891,-6.55988 2.457226,-6.51025 2.734187,-6.44386 2.995859,-6.36003 3.244012,-6.26057 3.477965,-6.14334 3.696973,-6.00977 3.902614,-5.85955 4.09297,-5.69193 4.269967,-5.50766 4.431504,-5.30699 4.580286,-5.08924 4.713686,-4.8546 4.832718,-4.60318 4.937892,-4.33502 -3.294874,6.40903 -2.816305,6.06017 -2.357001,5.75189 -1.91772,5.48292 -1.499303,5.2543 -1.100819,5.06542 -0.721767,4.91617 -0.364158,4.80694 -0.02562,4.73832 0.291878,4.70853 0.589254,4.71904 0.867265,4.76974 1.124338,4.86025 1.360969,4.99066 1.578666,5.1606 1.774922,5.37052 1.951899,5.62108 2.107775,5.91055 -0.415638,-5.78255 -0.104191,-5.62297 0.191069,-5.47652 0.470191,-5.34315 0.73421,-5.223 0.982137,-5.11549 1.214841,-5.02166 1.430972,-4.94038 1.631455,-4.87227 1.816799,-4.81739 1.985577,-4.77503 2.139116,-4.74642 2.277035,-4.73095 2.398443,-4.72753 2.50506,-4.7384 2.59519,-4.76131 2.66956,-4.79787 4.11146,-7.44836 3.85137,-7.23153 3.57537,-7.01378 3.28235,-6.7954 2.97246,-6.57544 2.64649,-6.35552 2.30368,-6.13401 1.94486,-5.91204 1.56858,-5.68892 1.17632,-5.465309 0.76718,-5.240137 0.34157,-5.014426 -0.10059,-4.788191 -0.55908,-4.560435 -1.03411,-4.332156 -1.52655,-4.1027 -2.03499,-3.872789 -2.5593,-3.641451 -3.10167,-3.409635 -3.65946,-3.176915 -4.23419,-2.943187 -4.82539,-2.708593 5.86679,2.069196 5.56537,2.61913 5.26539,3.130317 4.96735,3.602725 4.67174,4.036239 4.3786,4.431043 4.08636,4.786924 3.7971,5.104182 3.51025,5.382382 3.22439,5.622256 2.94093,5.823084 2.66031,5.98429 2.38085,6.108146 2.10361,6.19199 1.82896,6.23775 1.55624,6.24454 1.28537,6.21236 1.01646,6.14119 0.74953,6.03157 0.48556,5.88329 0.22246,5.69572 -0.0379,5.4695 0.11606,-0.37401 0.32124,-1.09324 0.48816,-1.7704 0.61564,-2.40385 0.70349,-2.99401 0.75254,-3.54257 0.76214,-4.04687 0.73255,-4.50895 0.66391,-4.92739 0.55555,-5.30352 0.40914,-5.63664 0.222,-5.92684 -0.003,-6.17398 -0.26846,-6.37783 -0.57245,-6.539524 -0.91546,-6.657548 -1.29761,-6.732884 -1.71996,-6.765372 -2.18036,-6.754832 -2.68094,-6.701441 -3.22008,-6.604949 -3.79833,-6.465318 -4.41627,-6.28327 -5.07333,-6.05798 -5.76948,-5.789804 -6.50475,-5.478641 -7.27915,-5.124645 -8.0932,-4.727576 -8.94632,-4.287577 0.31719,0.04912 0.92837,0.157908 1.50215,0.281982 2.04052,0.42114 2.54149,0.575718 3.00657,0.745488 3.43475,0.930632 3.82754,1.130843 4.18292,1.346473 4.50191,1.577397 4.78551,1.823461 5.0312,2.085001 5.24152,2.361626 5.41541,2.653545 5.55191,2.960867 5.65355,3.283245 5.71725,3.621146 5.74506,3.974166 5.73699,4.342456 5.69199,4.725859 5.61069,5.1251 5.49236,5.539127 5.33867,5.968141 5.14819,6.413358 4.92073,6.873304 4.65733,7.348319 4.35753,7.838473 4.02149,8.344776 3.64835,8.86532 3.23945,9.40188 2.79365,9.95368 2.31185,10.52007 1.7938,11.10257 1.23822,11.6999 0.64733,12.31268 0.02,12.94014 0.37599,-0.25022 1.0561,-0.76474 1.62678,-1.30157 2.08794,-1.85976 2.4397,-2.43979 2.68228,-3.04171 2.81552,-3.66499 2.83947,-4.31063 2.75415,-4.97765 2.55953,-5.66602 2.25552,-6.37675 1.84223,-7.10936 1.31966,-7.86332 0.68786,-8.63867 -0.0534,-9.43685 -0.90391,-10.25592 -1.8637,-11.09685 0.13671,0.26328 0.39711,0.77579 0.63837,1.26911 0.86048,1.7438 1.06337,2.19833 1.24713,2.63421 1.41158,3.04995 1.55699,3.44701 1.68305,3.82395 1.79014,4.1827 1.87775,4.52087 1.94636,4.84032 1.99583,5.14063 2.02604,5.42131 2.03694,5.68235 2.02881,5.92419 2.00141,6.14692 1.95493,6.35049 1.8891,6.53391 1.8042,6.69865 1.70006,6.8438 1.57677,6.96973 1.43415,7.07556 1.27254,7.1632 1.0917,7.23122 0.89153,7.27907 0.6723,7.3083 0.43382,7.31782 0.17616,7.30824 -0.10059,7.27948 -0.39672,7.23061 -0.71184,7.16352 -1.04632,7.07583 -1.39986,6.96949 -1.77263,6.84399 -2.16472,6.69833 -2.57577,6.53401 -3.00621,6.35007 -3.45562,6.14746 -3.92441,5.92418 -4.4124,5.68228 -4.91947,5.42123 -5.44587,5.14052 -5.99088,4.84058 -6.55621,4.52117 -7.13984,4.18195 -7.74255,3.82459 -8.36518,3.44668 -9.00648,3.05003 -9.66748,2.63434 -10.34687,2.19832 -11.04598,1.74328 -11.76421,1.26954 -12.50176,0.77621 z M 64.168205,201.21912 l -4.096178,12.86753 -3.343791,12.18317 -2.62153,11.51749 -1.928467,10.86992 -1.265606,10.24051 -0.631791,9.63017 -0.02714,9.03687 0.546583,8.46285 1.091799,7.90682 1.606808,7.36897 2.092192,6.84976 2.548391,6.34863 2.974365,5.86565 3.371151,5.40076 3.738399,4.95498 4.075931,4.52732 4.383697,4.11732 4.661826,3.72592 4.910343,3.35317 5.129567,2.99793 5.318764,2.66195 5.478762,2.34397 5.60845,2.04373 5.70963,1.76243 5.78009,1.49944 5.82135,1.25449 5.83342,1.0276 5.81534,0.8194 5.76759,0.62935 5.6901,0.45739 5.58361,0.30451 5.44724,0.16877 5.2814,0.0526 9.77806,-0.16689 8.7991,-0.40858 4.44979,-0.33135 4.58843,-0.48528 4.70938,-0.64904 4.81088,-0.82087 4.89426,-1.00198 4.95908,-1.19176 5.00487,-1.3902 5.03251,-1.5979 5.04163,-1.81429 5.03179,-2.03881 5.00373,-2.2731 4.95671,-2.51551 4.8911,-2.76713 4.8074,-3.02752 4.70468,-3.29654 4.58341,-3.57425 4.44351,-3.86114 4.28558,-4.15683 4.1081,-4.46107 3.91252,-4.77455 3.69842,-5.09629 3.46595,-5.42719 3.21442,-5.76676 2.94444,-6.11503 2.65589,-6.47248 2.3488,-6.83868 2.02302,-7.21352 1.67879,-7.59707 1.31582,-7.98983 0.93437,-8.39077 0.53433,-8.80092 0.11556,-9.22022 -0.32163,-9.64775 -0.7775,-10.08449 -1.25196,-10.5299 -1.74498,-10.98399 -2.25671,-11.44728 -1.12685,6.98324 -1.8499,7.00506 -2.54189,6.93517 -3.20245,6.77557 -3.83198,6.52431 -4.43021,6.18283 -4.99712,5.75062 -5.5328,5.22722 -6.03742,4.61367 -6.51096,3.90841 -6.95305,3.11343 -7.36394,2.22726 -7.74302,1.2503 1.28855,-4.7904 1.21246,-4.8686 1.13174,-4.94006 1.04621,-5.00629 0.9559,-5.06672 0.86083,-5.12143 0.76201,-5.17053 0.65733,-5.2142 0.549,-5.25177 0.43587,-5.28361 0.31795,-5.31019 0.19533,-5.3305 0.0684,-5.34562 -0.0638,-5.35492 -0.19984,-5.35862 -0.34099,-5.35599 -0.4871,-5.34861 -0.63679,-5.33461 -0.79237,-5.31569 -0.95125,-5.29128 -1.11572,-5.25994 -1.28459,-5.22391 -1.45824,-5.18215 -1.63606,-5.13418 -1.81873,-5.08098 -2.00604,-5.02152 -2.19783,-4.95737 -2.39469,-4.88639 -2.59598,-4.810728 -2.80143,-4.728893 -3.01216,-4.641225 -3.22713,-4.547879 -3.44696,-4.449267 -3.67094,-4.344488 -3.9003,-4.23437 -4.13383,-4.118073 -4.37167,-3.996601 3.44295,4.23188 3.01454,4.475597 2.60107,4.699434 2.20296,4.903329 1.81976,5.087348 1.45105,5.252062 1.09754,5.395849 0.7591,5.520735 0.43593,5.62472 0.12735,5.71035 -0.16609,5.77456 -0.44492,5.81998 -0.70796,5.84485 -0.95703,5.85051 -1.19026,5.83566 -1.40855,5.80142 -1.61249,5.7469 -1.80099,5.67292 -1.97455,5.57906 -2.13334,5.46483 -2.27663,5.33117 -2.40554,5.17769 -2.51902,5.00427 -2.61815,4.81105 -2.70144,4.59733 -2.77016,4.36477 -2.82359,4.11178 -2.86262,3.839 -2.88675,3.54635 -2.89498,3.23365 -2.88883,2.9012 -2.86818,2.5494 1.10834,-4.53563 0.95982,-4.71069 0.80646,-4.86793 0.64879,-5.00693 0.48627,-5.12811 0.31857,-5.23041 0.14697,-5.31552 -0.0302,-5.38224 -0.21125,-5.43121 -0.3972,-5.46138 -0.5885,-5.47364 -0.78366,-5.46822 -0.98363,-5.44451 -1.18894,-5.40289 -1.39903,-5.34295 -1.61288,-5.26483 -1.83209,-5.16884 -2.05558,-5.0546 -2.28392,-4.92253 -2.51753,-4.77205 -2.75551,-4.60384 -2.99775,-4.4174 0.18656,6.74505 -0.10942,6.27169 -0.38752,5.83173 -0.64693,5.42307 -0.88797,5.04774 -1.11112,4.70533 -1.31616,4.39428 -1.50321,4.11715 -1.67157,3.87179 -1.82206,3.65936 -1.95379,3.47918 -2.06818,3.33203 -2.16436,3.21672 -2.24154,3.13516 -2.3016,3.08514 -2.34232,3.06776 -2.36567,3.08344 -2.37077,3.13143 -2.35753,3.21226 -2.32556,3.32491 -2.2767,3.47109 -2.20853,3.64949 -2.12211,3.86022 -2.01834,4.10395 -1.8963,4.38005 -1.75549,4.6884 -1.59632,5.02962 -1.41979,5.40382 -1.22511,5.80987 -1.01103,6.24862 -0.780129,6.72045 -0.530448,7.22453 -0.262479,7.761 0.02353,8.33029 0.327432,8.93257 0.650303,9.56656 -3.659603,-7.1597 -3.601772,-6.28203 -3.515696,-5.53575 -3.40069,-4.92304 -3.256675,-4.44338 -3.084587,-4.09611 -2.882898,-3.88151 -2.653211,-3.79981 -2.394521,-3.85114 -2.107243,-4.03499 -1.791381,-4.35129 -1.446003,-4.80076 -1.073219,-5.38351 -0.670169,-6.09802 -0.239731,-6.94585 z"
+       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:5.04108;fill-opacity:1"
+       id="path1394"
+       sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
+    <path
+       d="m 164.52057,364.47055 -5.28126,-0.0521 -5.44724,-0.16918 -5.58349,-0.3046 -5.69056,-0.4574 -5.7674,-0.62954 -5.81554,-0.81908 -5.83296,-1.02791 -5.82169,-1.25413 -5.7802,-1.49922 -5.70901,-1.76264 -5.6086,-2.04392 -5.478993,-2.34358 -5.318669,-2.66207 -5.129645,-2.99792 -4.910404,-3.35313 -4.661965,-3.72621 -4.383815,-4.11712 -4.07544,-4.52741 -3.738383,-4.95454 -3.3711,-5.40152 -2.97462,-5.86538 -2.548433,-6.34858 -2.092019,-6.84964 -1.606919,-7.36906 -1.0916,-7.90683 -0.546569,-8.46295 0.02714,-9.03695 0.632113,-9.62977 1.265252,-10.24098 1.928613,-10.86953 2.621169,-11.51744 3.343951,-12.18369 4.095931,-12.86734 -0.220266,7.92669 0.239733,6.94588 0.670531,6.09803 1.072646,5.3832 1.446587,4.80074 1.79133,4.35179 2.106874,4.03476 2.394757,3.85072 2.653442,3.80012 2.882929,3.88148 3.084241,4.09579 3.25687,4.44358 3.400814,4.92327 3.51556,5.53598 3.601615,6.2816 3.659487,7.15971 -0.650033,-9.56678 -0.327838,-8.93226 -0.02353,-8.33001 0.262777,-7.76148 0.530168,-7.22417 0.780151,-6.72067 1.01118,-6.24886 1.22479,-5.80982 1.41995,-5.40351 1.59666,-5.02995 1.75548,-4.68814 1.89582,-4.38006 2.01826,-4.10373 2.12276,-3.86064 2.2083,-3.64931 2.27642,-3.47071 2.32612,-3.32535 2.35736,-3.21224 2.37067,-3.13137 2.36557,-3.08377 2.34251,-3.06786 2.30102,-3.08475 2.2421,-3.13486 2.16374,-3.21719 2.06846,-3.3318 1.95422,-3.47915 1.82207,-3.65923 1.67145,-3.87205 1.50293,-4.11713 1.31649,-4.39444 1.11106,-4.705 0.88823,-5.04782 0.64646,-5.42336 0.38727,-5.83114 0.1096,-6.27219 -0.18645,-6.74496 2.99819,4.41728 2.75487,4.60379 2.5177,4.77247 2.2841,4.92229 2.05565,5.05476 1.83231,5.16887 1.61255,5.26459 1.39896,5.34299 1.18892,5.40302 0.98352,5.44419 0.78425,5.46849 0.58806,5.47397 0.3975,5.46105 0.21104,5.4308 0.0298,5.38218 -0.14649,5.3157 -0.31914,5.23088 -0.48612,5.12767 -0.6485,5.00713 -0.80679,4.86772 -0.95944,4.71098 -1.10852,4.53533 2.86808,-2.54896 2.88856,-2.90169 2.89522,-3.23357 2.88653,-3.54611 2.86244,-3.83932 2.82401,-4.11166 2.77025,-4.36469 2.70158,-4.59735 2.61759,-4.81117 2.51923,-5.00416 2.40552,-5.17729 2.27693,-5.33157 2.133,-5.46502 1.97472,-5.57863 1.80105,-5.67292 1.61257,-5.74729 1.40868,-5.80139 1.19046,-5.8356 0.95637,-5.8505 0.70843,-5.84455 0.44463,-5.82024 0.16597,-5.77459 -0.12704,-5.70995 -0.43592,-5.62516 -0.75915,-5.520503 -1.09774,-5.396071 -1.45121,-5.251655 -1.81949,-5.087496 -2.20267,-4.903345 -2.60119,-4.699447 -3.01457,-4.475664 -3.44334,-4.231968 4.37204,3.996658 4.13384,4.118332 3.90025,4.234257 3.67127,4.344537 3.4464,4.449167 3.22717,4.547989 3.012,4.641254 2.802,4.72871 2.59555,4.810575 2.39477,4.88668 2.19806,4.95693 2.00595,5.02201 1.81848,5.08105 1.63612,5.13412 1.45836,5.18177 1.28422,5.22392 1.11567,5.26063 0.95174,5.29039 0.79195,5.31572 0.63723,5.33505 0.48664,5.34843 0.34116,5.35639 0.20028,5.35836 0.0635,5.35491 -0.0681,5.34546 -0.19515,5.33059 -0.31812,5.31024 -0.43592,5.28346 -0.54862,5.2517 -0.65772,5.214 -0.76222,5.17085 -0.8611,5.12173 -0.95584,5.06665 -1.04602,5.00614 -1.13155,4.94015 -1.2125,4.86823 -1.2888,4.79082 7.74364,-1.25017 7.36356,-2.22749 6.95304,-3.11301 6.51082,-3.90927 6.03745,-4.61322 5.53295,-5.22739 4.99717,-5.75029 4.43018,-6.18289 3.83191,-6.52469 3.20252,-6.77523 2.54187,-6.93546 1.84993,-7.00493 1.1269,-6.98308 2.2566,11.44699 1.745,10.98414 1.25196,10.5297 0.77753,10.0847 0.32163,9.64763 -0.11562,9.22001 -0.53428,8.8013 -0.93436,8.39102 -1.31585,7.98967 -1.67874,7.59727 -2.02307,7.21327 -2.3488,6.83823 -2.6559,6.4726 -2.9444,6.11541 -3.2144,5.76667 -3.46571,5.42732 -3.69853,5.09594 -3.91266,4.77445 -4.10827,4.46143 -4.28521,4.15681 -4.44364,3.86114 -4.58344,3.57439 -4.70462,3.29658 -4.80704,3.02719 -4.89146,2.76725 -4.95702,2.51572 -5.00363,2.27262 -5.0318,2.03898 -5.04154,1.81422 -5.03232,1.59794 -5.00517,1.39008 -4.95907,1.19211 -4.89401,1.00164 -4.81103,0.82104 -4.70908,0.6489 -4.58872,0.48568 -4.4499,0.3309 -8.79939,0.40878 z m -90.951579,-72.60907 2.067432,8.08096 2.339434,7.505 2.626293,6.94488 2.927494,6.40067 3.243039,5.87183 3.572418,5.35985 3.916125,4.86326 4.274708,4.38304 4.647106,3.91819 5.03386,3.46922 5.43495,3.03664 5.85088,2.61939 6.28015,2.21905 6.72428,1.83358 7.18274,1.46449 7.65502,1.11177 8.14217,0.7739 8.64316,0.45295 9.15898,0.14733 5.82477,-0.14238 5.92875,-0.45145 6.00251,-0.79525 6.04503,-1.17576 6.05786,-1.59098 6.03938,-2.04244 5.99023,-2.52911 5.91031,-3.05151 5.80018,-3.61012 5.65932,-4.20345 5.4877,-4.83249 5.28538,-5.49777 5.05228,-6.19826 4.78895,-6.93448 4.49452,-7.70641 4.16959,-8.51355 3.81404,-9.35693 3.42781,-10.23502 3.01094,-11.14983 2.56338,-12.09986 -4.8308,5.77907 -5.07493,5.10088 -5.29075,4.46837 -5.47808,3.88297 -5.63718,3.3442 -5.76791,2.85257 -5.86984,2.40756 -5.94361,2.00922 -5.9892,1.65696 -6.00661,1.35237 -5.99483,1.09439 -5.95539,0.88256 1.73806,-2.53705 1.69913,-2.75186 1.65403,-2.9622 1.6018,-3.1691 1.5434,-3.37198 1.47886,-3.57092 1.40664,-3.76638 1.32825,-3.95738 1.24375,-4.14441 1.15254,-4.32796 1.05421,-4.50757 0.95022,-4.68268 0.83854,-4.85483 0.72074,-5.02251 0.59678,-5.18672 0.46563,-5.34644 0.32834,-5.50224 0.18442,-5.65504 0.0339,-5.80287 -0.12346,-5.94723 -0.28735,-6.08814 -0.45796,-6.22454 -0.63468,-6.35702 -0.81806,-6.48601 -1.0081,-6.61101 -1.2048,-6.73157 -1.4087,-6.84915 -1.61766,-6.96226 -1.83488,-7.0714 0.58345,8.01896 0.083,7.53426 -0.38163,7.07982 -0.81038,6.65469 -1.20275,6.25878 -1.55929,5.89315 -1.87942,5.55681 -2.16425,5.24973 -2.4132,4.97339 -2.62526,4.72534 -2.802,4.50757 -2.94235,4.31903 -3.04685,4.16029 -3.116,4.0313 -3.14776,3.93208 -3.14469,3.86214 -3.10576,3.82145 -3.02994,3.81103 -2.91827,3.82988 -2.77127,3.8785 -2.58786,3.9564 -2.36812,4.06452 -2.11303,4.20148 -1.82155,4.36865 -1.49422,4.56509 -1.13105,4.79133 -0.73149,5.04682 -0.29607,5.33257 0.17517,5.64709 -4.65938,-5.33554 -3.93509,-5.43625 -3.26353,-5.51315 -2.64678,-5.56772 -2.08485,-5.59948 -1.57618,-5.60741 -1.12183,-5.59251 -0.72228,-5.55532 -0.377,-5.4943 -0.0851,-5.41046 0.15213,-5.3038 0.33501,-5.1738 0.4641,-5.02102 0.53888,-4.84492 0.55886,-4.64646 0.52506,-4.42421 0.43694,-4.17913 0.29506,-3.91126 -2.40399,3.40721 -2.47312,3.69891 -2.5177,3.96979 -2.53716,4.21982 -2.53153,4.44803 -2.50129,4.65588 -2.44599,4.84292 -2.36556,5.00862 -2.26056,5.15299 -2.13094,5.27699 -1.97573,5.37971 -1.79544,5.46204 -1.59103,5.52208 -1.36156,5.56227 -1.10645,5.58112 -0.82729,5.57863 -0.52249,5.55582 -0.19312,5.51118 0.16085,5.44616 0.54043,5.36035 0.94457,5.25269 1.37334,5.12471 1.8277,4.97588 2.30614,4.80521 2.81071,4.61422 3.33882,4.40189 3.89257,4.16922 -4.49498,-0.74464 -4.70908,-1.07605 -4.93141,-1.5647 -5.1614,-2.20912 -5.40114,-3.01083 -5.648041,-3.96879 -5.904171,-5.08353 -6.16848,-6.35454 -6.441513,-7.78231 z"
+       style="fill:url(#Grad48);fill-rule:evenodd;stroke:none;stroke-width:5.04108"
+       id="path1396" />
+    <g
+       transform="matrix(5.1224749,0,0,4.9609913,73.568991,148.58308)"
+       id="g1404"
+       style="fill:#000000;fill-opacity:1">
+      <g
+         clip-path="url(#Clip17)"
+         id="g1400"
+         style="fill:#000000;fill-opacity:1">
+        <image
+           x="-1.028"
+           xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABdCAYAAADUpio3AAAACXBIWXMAAA7DAAAOwwHHb6hkAAABDElEQVR4nO3YgYmFMBRFwURTq/13oE14CISZCj6H+zay833GO/jVtfsHnGjJ+j9RA2vM3T/hPJYaEDXg/ANr3Lt/wnmcf0DUgPMPWGpA1IDzD/hODVhqQNSA8w9YasAnVUDUgPMPWGrA6x9w/gFLDVhqQNSA8w9YasB3asD5Byw1IGpA1ICoAQ9VwHdqwPkHnH/AUgOiBpx/wOsfsNSAv6kBUQPOPyBqwOsfsNSAhyogasD5Byw1YKkBUQPOP2CpAVEDzj9gqQFLDVhqQNSA8w9YakDUgPMPWGpA1ICoAVEDHqqApQZEDYgaEDUgakDUgKgBUQOiBkQNiBoQNSBqQNSAf/wFRA2IGhA18AHQyQRdHYUCXAAAAABJRU5ErkJggg=="
+           height="44.720001"
+           y="-0.97899997"
+           width="40.919998"
+           id="image1398"
+           style="fill:#000000;fill-opacity:1" />
+      </g>
+      <path
+         d="M 19.4672,43.083 C 7.8187,43.083 2.3933,39.572 0,28.881 4.4679,35.742 7.9933,36.754 10.8508,37.178 3.5105,29.839 9.8937,16.276 14.0418,10.372 13.8008,14.931 11.489,22.658 17.3929,29.041 16.5949,17.711 29.6793,16.116 28.0836,0 c 3.6703,13.883 1.2382,24.788 -2.0739,29.52 4.6274,-0.639 9.5739,-2.075 13.2434,-7.021 -3.0316,16.914 -12.2867,20.584 -19.7859,20.584 z"
+         style="fill:#140029;fill-opacity:1;stroke:none"
+         id="path1402" />
+    </g>
+    <path
+       d="m 94.000333,133.14466 5.674024,-4.96513 5.009153,-4.86891 4.19244,-4.99645 3.22367,-5.34824 2.103,-5.92331 0.83023,-6.72313 -0.59437,-7.745982 -2.28028,-7.615454 -3.65946,-6.216737 -4.40648,-5.256281 -4.521335,-4.734188 -4.004009,-4.650504 -2.854625,-5.005174 -1.073049,-5.798104 1.340703,-7.029452 -5.336852,6.52617 -3.626384,6.082438 -2.097294,5.696642 -0.749582,5.368685 0.416713,5.098566 1.401698,4.886382 2.205252,4.731933 2.827447,4.635481 3.268209,4.596869 3.527643,4.616079 2.807168,5.287081 1.251274,6.06792 -0.021,6.40824 -1.008634,6.31005 -1.712741,5.77135 z"
+       style="fill:url(#Grad49);fill-rule:evenodd;stroke:none;stroke-width:5.04108"
+       id="path1406" />
+  </g>
+  <metadata
+     id="metadata10170">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:title>greenfire</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+</svg>
diff --git a/public/images/purplegreenblackfire.svg b/public/images/purplegreenblackfire.svg
index d8c2046..0ff25c3 100644
--- a/public/images/purplegreenblackfire.svg
+++ b/public/images/purplegreenblackfire.svg
@@ -5,7 +5,7 @@
    width="347pt"
    version="1.1"
    id="svg1497"
-   sodipodi:docname="fullyblackfire.svg"
+   sodipodi:docname="purplegreenblackfire.svg"
    inkscape:version="1.4.2 (ebf0e940, 2025-05-08)"
    inkscape:export-filename="fullyblackfire.svg"
    inkscape:export-xdpi="96"
@@ -1094,24 +1094,24 @@
     </clipPath>
     <linearGradient
        id="Grad49"
-       x1="4.6900301"
-       y2="2.89008"
+       x1="6.7444921"
+       y2="-1.8348559"
        gradientUnits="userSpaceOnUse"
-       y1="2.89008"
-       x2="17.611099"
+       y1="7.615016"
+       x2="15.556641"
        gradientTransform="matrix(0.80350378,4.8995797,-5.0590639,0.77817376,106.50342,44.187461)">
       <stop
-         offset="0.00320513"
+         offset="0"
          stop-opacity="1"
          stop-color="#ff1e00"
          id="stop1056"
          style="stop-color:#2fd400;stop-opacity:1;" />
       <stop
-         offset="0.43589744"
+         offset="0.528534"
          stop-opacity="1"
          stop-color="#ffed00"
          id="stop1058"
-         style="stop-color:#000000;stop-opacity:1;" />
+         style="stop-color:#46008a;stop-opacity:1;" />
     </linearGradient>
     <linearGradient
        id="Grad50"