body {
      background-image: url(../_shared/bg.jpg);
    }

    p.todo {
      color: red;
      border: 2px solid red;
      /* roter Rahmen */
      padding: 4px;
    }

    .emoji {
      width: 70px;
      height: 70px;
      margin-bottom: 6px;
    }

    .emoji img {
      width: 100%;
    }

             /* Emojis */
      
             .emoji-row {
               display: flex;
               flex-wrap: wrap;
               gap: 1rem;
               justify-content: center
             }
      
             .emoji-button {
               background: none;
               border: none;
               padding: 0;
               cursor: pointer;
               outline-offset: 2px;
             }
      
             .emoji-button img {
               width: 80px;
               height: auto;
               opacity: 0.1;
               transition: opacity 0.2s ease;
             }
      
             .emoji-button:not(.inactive) img {
               opacity: 1;
             }
      
             .emoji-button:focus {
               outline: 2px solid #000;
             }
      
             .emoji {
               width: 70px;
               height: 70px;
               margin-bottom: 6px;
             }
      
             .emoji img {
               width: 100%;
             }