style.CSS

body{
    background-color: #eff5e5;
}
.title{
 color: #73887f;
 font-family:Verdana, Geneva, Tahoma, sans-serif;
 font-size: 100px;
 text-align: center;
 margin-block-end: 0.5em;
 margin-block-start: 1em;
}
.bienvenido{
    color: #2a2e1e;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 48px;
    text-align: center;
    font-weight: bolder;
}
.flex-container{
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}
    
.preguntanombre{
    display: flex;
    color: #2a2e1e;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
   flex-wrap: wrap;
   justify-content:center;
   font-size: 48px;
   margin: 1em;
   margin-inline-end: 3em;
   margin-inline-start: 3em;
   
}
.nombreparticipante{
    display: flex;
    color: #2a2e1e;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    flex-wrap: wrap;
    align-items: center;
    max-width: fit-content;
    font-size: 48px;
    padding: 10px;
    text-align: center;
    border-style: groove;
   
}
.botoniniciar{
    display: flex;
    background-color: #73887f;
    color: #eff5e5;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    align-self: center;
    font-size: 36px;
    
}
.mensaje{
    color: #2a2e1e;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 36px;
    
}

.pregunta{
    display: flex;
    color: #2a2e1e;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 48px;
    text-align: center;
    font-weight: bolder;
    gap: 30px;

}
.mensajecontador{
    display: flex;
    color: #2a2e1e;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 48px;
    text-align: center;
    font-weight: bolder;
    gap: 30px;
    background-color: #73887f
   
}
.respuesta1{
    display: flex;
    background-color: #73887f;
    color: #eff5e5;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 72px;
    border-style: hidden;
    border-radius: 2rem

}
.respuesta2{
    display: flex;
    background-color: #73887f;
    color: #eff5e5;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 72px;
    border-style: hidden;
    border-radius: 2rem
}
.respuesta3{
    display: flex;
    background-color: #73887f;
    color: #eff5e5;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 72px;
    border-style: hidden;
    border-radius: 2rem
}

.respuestacorrecta{
    display: flex;
    background-color: #2a2e1e;
    color: #eff5e5;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 72px;
    border-style: hidden;
    border-radius: 2rem

}
.respuestaincorrecta{
    display: flex;
    background-color: #2a2e1e;
    color: #eff5e5;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 72px;
    border-style: hidden;
    border-radius: 2rem
}
.respuestagenerica{
   display: flex;
    background-color: #73887f;
    color: #eff5e5;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 72px;
    border-style: hidden;
    border-radius: 2rem

}
.botonsiguiente{
    display: flex;
    color: #2a2a1e;
    background-color: #eff5e5;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    align-self: center;
    font-size: 36px;
    border-block-color: #2a2a1e;
    border-width: thick;
    border-radius: 50px;
}
.gracias{
    display: flex;
    color: #2a2e1e;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
   flex-wrap: wrap;
   justify-content:center;
   font-size: 48px;
   margin: 1em;
   margin-inline-end: 3em;
   margin-inline-start: 3em;
}