all

jrugarte · Apr 17, 2023 · 2cf843b · 2cf843b · vercel · Apr 17, 2023
1 parent 9c2cf71
commit 2cf843b
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 12 deletions.
diff --git a/assets/images/wpp.jpeg b/assets/images/wpp.jpeg
diff --git a/assets/images/wpp2.jpeg b/assets/images/wpp2.jpeg
diff --git a/assets/style.css b/assets/style.css
@@ -6,6 +6,7 @@
     justify-content: center;
     background-size: 220vh;
     font-family: 'Righteous', cursive;
+    background-attachment: fixed;
 }
 
 #by{
@@ -67,9 +68,9 @@
 .select-jugador:hover{
     background-image: url(./images/bg2player.jpeg);
     cursor: pointer;
-    transition: 0.4s;
+    transition: 0.2s;
 }
-.select-jugador:checked{
+.select-jugador:valid{
     background-image: url(./images/bg2player.jpeg);
 }
 
@@ -95,23 +96,31 @@
 }
 #personaje-select{
     display: flex;
-    color: #ff000f;
+    color: #ffffff;
     font-size: large;
+    width: 280px;
+    justify-content: space-around;
+    margin: 5px;
 }
 #personaje{
     display: flex;
-    color: #ffffff;
+    color: #2fd511;
     font-size: large;
     justify-content: flex-end;
 }
 #enemigo-select{
     display: flex;
-    color: #ff000f;
+    color: #ffffff;
     font-size: large;
+    width: 280px;
+    height: 60px;
+    justify-content: space-around;
+    align-items: center;
+    margin: 5px;
 }
 #personaje-enemigo{
     display: flex;
-    color: #ffffff;
+    color: #2fd511;
     font-size: large;
     justify-content: flex-end;
 }
@@ -122,7 +131,7 @@
     height: 64px;
     width: 182px;
     margin: 10px;
-    border: 2px solid #ffed00;
+    border: 2px solid #1f35b1;
     justify-content: center;
     align-items: center;
     background-color: transparent;
@@ -133,14 +142,14 @@
 
 }
 .botones:hover{
-    background-color:gold;
+    background-color:rgb(16, 197, 3);
 }
 #texto-personajes{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    background-color: #ffc311;
+    background-color: #139719b5;
 }
 #reiniciar-juego{
     display: flex;

diff --git a/index.html b/index.html
@@ -11,7 +11,7 @@ <h1 class="title">🔥 Fire-Free 🔥</h1>
     <script src="assets/js/codigoff.js"></script>
     <link rel="stylesheet" href="./assets/style.css">
   </head>
-  <body id="juego" background = "./assets/images/bg1.jpg">
+  <body id="juego" background = "./assets/images/wpp.jpeg">
     <p id="homenaje">
       Este es un homenaje a <a href="https://ffsoporte.garena.com/hc/es-419"> el juego FreeFire</a>
     </p>
@@ -66,8 +66,8 @@ <h2>Elige tu jugador:</h2>
 
   <section id="ataques">
 
-    <p id="personaje-select">Seleccionaste a: <strong><span id="personaje">.....</span></strong></p>
-    <p id="enemigo-select">Y vas contra: <strong><span id="personaje-enemigo">.....</span></strong></p>
+    <p id="personaje-select">Seleccionaste a:  <span id="personaje">   </span></p>
+    <p id="enemigo-select">Y vas contra:  <span id="personaje-enemigo">   </span></p>
 
     <P><strong>A JUGAR!</strong></P><br>
       <div id="div-botones">