body{
    background-color: black;
text-align: center;
font-size: 30px;

}
header{
  
  display: inline-block;
 text-align: center;
}
.eq{
  text-shadow: 0 0 5px rgb(0, 0, 0),0 0 10px rgb(0, 0, 0),0 0 30px rgb(50, 68, 32),0 0 50px rgb(68, 131, 6);
color: chartreuse;
display: inline-block;
width: 40%;
font-size: 50px;
padding: 10px;
height: 30%;
}
.eq{
    font-family: "Protest Guerrilla", sans-serif;
    font-weight: 400;
    font-style: normal;
    border-style: groove;
  }
  
  h1{
    color: rgb(255, 250, 245);
  }
  .numero1{
    text-shadow: 0 0 5px  rgb(0, 0, 0),0 0 10px  rgb(0, 0, 0),0 0 30px  rgb(0, 0, 0),0 0 50px rgb(255, 255, 0);
    font-size: 350px;
    padding: 10px;
display: inline-block;
width: 70%;
margin: 20px;
height: 20%;
border: solid;
border-color: rgba(252, 223, 35, 0.928);
border-width: 10px;
color: rgb(255, 255, 0);
font-family: "Bebas Neue", sans-serif;
font-weight: 400;
font-style: normal;
  box-shadow: 0 0 20px rgb(255, 255, 7);
}
  .caja1{
    display: inline-block;
    width: 40%;
    margin: 20px;
    height: 40%;
}
.caja2{
  display: inline-block;
width: 40%;
margin: 20px;
height: 40%;
}
  .numero2{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
height: 10%;
    width: 15%;
    color: rgb(255, 60, 0);
    font-size: 90px;
    padding: 15px;

    margin: 10px;
    font-family: "Protest Guerrilla", sans-serif;
    font-weight: 400;
    font-style: normal;
    border-style: groove;
    display: inline-block;
    margin-left: 200px;
    margin-right: 200px;
    box-shadow: 0 0 30px  rgb(255, 255, 255);
  }
  .xx{
justify-content: center;
justify-items: center;

display: flex;
  }
  h1 {
      font-family: "Oswald", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
    
  }
  
input{
    font-size:30px;
    background-color: black;
    color: rgb(255, 255, 255);
    border-style: solid;
border-color: rgb(255, 255, 255);
padding: 15px;
  }
  .f{
    font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    text-shadow: 0 0 5px rgb(0, 0, 0),0 0 10px  rgb(255, 60, 0),0 0 30px  rgb(255, 60, 0),0 0 50px rgb(255, 60, 0);
    font-style: normal;
  height: 40%;
      width: 20%;
      color: rgb(255, 60, 0);
      font-size: 70px;
      padding: 10px;
      margin: 10px;
      font-family: "Protest Guerrilla", sans-serif;
      font-weight: 400;
      font-style: normal;
display: flex;
      display: inline-block;
      margin-top: 40px;
  }
  .t{
      font-family: "Pixelify Sans", sans-serif;
    font-optical-sizing: auto;
    margin-top: 40px;
    font-style: normal;
  height: 40%;
      width: 40%;
      color: rgb(255, 55, 0);
      font-size: 280px;
      padding: 10px;
      margin: 10px;
text-align: center;
      font-family: "Protest Guerrilla", sans-serif;
      font-weight: 400;
      font-style: normal;
      display: inline-block;
     
    
  }

.ff{
  font-family: "Pixelify Sans", sans-serif;
  font-optical-sizing: auto;
  margin-top: 40px;
margin-right: 100px;
  font-style: normal;
height: 30%;
text-shadow: 0 0 5px rgb(0, 0, 0),0 0 10px  rgb(255, 60, 0),0 0 30px  rgb(255, 60, 0),0 0 50px rgb(255, 60, 0);
    width: 20%;
    color: rgb(255, 60, 0);
    font-size: 70px;
    padding: 10px;
    margin: 10px;
    margin-top: 10px;
    font-family: "Protest Guerrilla", sans-serif;
    font-weight: 400;
    font-style: normal;
    border-style: groove;
 display: flex;
 display: inline-block;
 box-shadow: 0 0 30px  rgb(255, 255, 255);

}
.ff1{
  font-family: "Pixelify Sans", sans-serif;
  font-optical-sizing: auto;
  margin-top: 40px;
margin-right: 100px;
  font-style: normal;
height: 30%;
text-shadow: 0 0 5px rgb(0, 0, 0),0 0 10px  rgb(255, 60, 0),0 0 30px  rgb(255, 60, 0),0 0 50px rgb(255, 60, 0);
    width: 20%;
    color: rgb(255, 60, 0);
    font-size: 70px;
    padding: 10px;
    margin: 10px;
    margin-top: 10px;
    font-family: "Protest Guerrilla", sans-serif;
    font-weight: 400;
    font-style: normal;
    border-style: solid;
    border-color: white;
 display: flex;
 display: inline-block;
 box-shadow: 0 0 30px  rgb(255, 255, 255);
 
}
  .signos{
    display: inline-block;
    border-style: groove;
    padding: 5px;
    margin: 5px;
    color: white;
    font-size: 40px;
    width: 10%;
    font-family: "Protest Guerrilla", sans-serif;
    font-weight: 400;
    font-style: normal;

  }
  span{
    display: inline-block;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 5px rgb(0, 0, 0),0 0 7px  rgb(255, 255, 255),0 0 20px  rgb(255, 255, 255),0 0 30px rgb(255, 255, 255);
  font-size: 50px;
  font-family: "Protest Guerrilla", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  }
 .cajap{
width: 60%;
margin: 20px;
height: 40%;
text-align: center;
margin-left: 50px;
display: flex;
display: inline-block;
 }
 .caja3{
  text-align: center;
 }
 .contener{
  text-align: center;
display: flex;
margin-left: 350px;
 }
 .tiempo{
 
color: rgb(255, 255, 255);
display: inline-block;
width: 25%;
font-size: 20px;
padding: 10px;
font-size: 30px;
border-style: solid;
border-color: white;
border-radius: 20px;
height: 30%;
background-color: black;
 }
 .iniciar{
  text-align:initial;
  font-size: 20px;
  padding: 5px;
 }
 p{
  font-size: 40px;
  text-align: center;
 }