change bone to bon

Megaemce · Apr 10, 2024 · 7d64a0e · 7d64a0e
1 parent bf07d4d
commit 7d64a0e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/fire.css b/fire.css
@@ -7,13 +7,13 @@ body {
     padding: 0;
 }
 
-.bonefire {
+.bonfire {
     position: relative;
     height: 100vh;
     width: 100vw;
 }
 
-.bone_back {
+.bon_back {
     position: absolute;
     z-index: 0;
     width: 30vw;
@@ -84,14 +84,14 @@ body {
     background-image: radial-gradient(
             ellipse 45% 14% at 50% 94%,
             #08040454 12% /* center of fire light */,
-            #372b1da3 42% /* general light outside bone */,
+            #372b1da3 42% /* general light outside bon */,
             transparent 100% /* no effect outside */
         ),
-        /* horizontal lights on the ground around bone*/
+        /* horizontal lights on the ground around bon*/
             radial-gradient(
                 ellipse 18% 42% at 50% 86%,
                 #ffb20082 0% /* center of fire light */,
-                #ffad0017 28% /* general light outside bone */,
+                #ffad0017 28% /* general light outside bon */,
                 transparent 100% /* no effect outside */
             )
             /* vertical lights */;
@@ -102,7 +102,7 @@ body {
     animation: flickeringLights 5s ease-in-out infinite;
 }
 
-.bone_front {
+.bon_front {
     position: absolute;
     z-index: 4;
     width: 30vw;

diff --git a/index.html b/index.html
@@ -5,12 +5,12 @@
         <link rel="stylesheet" type="text/css" href="fire.css" />
     </head>
     <body>
-        <div class="bonefire">
-            <div class="bone_back"></div>
+        <div class="bonfire">
+            <div class="bon_back"></div>
             <div id="fire" class="fire"></div>
             <div class="fire_limits"></div>
             <div class="fire_lights"></div>
-            <div class="bone_front"></div>
+            <div class="bon_front"></div>
             <button id="start" onclick="startSound()">START THE FIRE</button>
         </div>