* {
      transition: all 0.3s;
    }

    body {
      background: cadetblue;
      padding: 0;
      margin: 0;
      text-align: center;
      font-family: calibri;
      font-size: 120%;
    }

    .contenedor {
      width: 98vw;
      height: 97vh;
      display: inline-flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: -100px;

    }

    .encabezado {
      position: relative;
      background: white;
      min-width: 300px;
      width: 70%;
      max-width: 600px;
      padding: 10px;
    }

    .categoria {
      opacity: 0.3;
      text-align: left;
    }

    .pregunta {
      padding: 10px;
    }

    .imagen {
      object-fit: cover;
      height: 0px;
      width: 0px;
    }

    .btn {
      background: white;
      width: 60%;
      max-width: 550px;
      padding: 10px;
      margin: 5px;
      cursor: pointer;
    }

    .btn:hover {
      transform: scale(1.05);
    }
    
    .numero{
      position: absolute;
      opacity:0.3;
      top: 10px;
      right: 10px;
    }

    .puntaje{
      padding:10px;
      color:white;
    }

  .btn-regresar{
    margin-left: -43em;
    font-family: calibrí;
    font-size: 150%;
    text-decoration: none;
    margin-bottom: 100px;
    color: blue;
  }

  .btn-enviar{
    padding: 0 20px;
    margin-bottom: 20px;
    height: 55px;
    width: 165px;
    line-height: 40px;
    border: none;
    color: #fff;
    background: #651FFF;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: .3s ease all;
    cursor: pointer;
  }

.btn-enviar:hover {
  background: #3F51B5;
  height:80px;
  width: 200px;
}