body {
      background-color: #212529!important;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background-image: url("/guess-the-french/img/croissant.jpg");

    }

    h1 {
      margin-bottom: 3rem;
    }

    .french-word {
      font-size: 3rem;
    }

    .card {
      max-width: 600px;
      width: 100%;
      padding: 30px;
      margin: 0.5rem;
      background-color: #F5DEB3;
    }

    .correct-answer {
      color: rgb(13 110 253);
      font-size: 23px;
    }