*{
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        
        }
        .score {
        font-family: monospace;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        letter-spacing: 0.15rem;
        margin-top: 1rem;
        position: relative;
        transition: opacity 0.2s;
        
        }
        .score span {
            font-family: monospace;
            text-align: center;
            font-size: 2rem;
            font-weight: bold;
            letter-spacing: 0.25rem;
            margin: 1rem;
            position: relative;
            transition: opacity 0.2s;
        }
        
        #endMessage {
          position: relative;
          justify-content: center;
          font-size: 3rem;
          font-style: italic;
          color: rgb(234, 4, 219);
          display: none;
          transition: opacity 0.5s, transform 0.5s, background-color 0.2s;
        }
        #endMessage.endMessage-entrance {
          opacity: 1;
            transform: translateX(1rem);
        }

        .container1 {
            display: flex;
            justify-content: space-evenly;
            align-items:center;
            background-color: white;
            margin-top: 10px;
        } 

        .container2 {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            background-color: white;
            margin-top: 400px;
        }

        .word {
            height: 150px;
            width: 225px;
            display: flex;
            border: 3px solid black;
            align-items: center;
            justify-content: center;
            font-family: 'Poppins', sans-serif;
            font-size: 120px;
            cursor: move;
            border-radius: 20px;                   
        }

        .image {
            height: 280px;
            width: 280px;
            border: 3px solid black;
            border-radius: 20px;  
        }

        .word:hover {
            transform: scale(1.2);
          }

        .image.droppable-hover {
            transform: scale(1.3);
        }
        .image.dropped {
            border: 10px solid limegreen;
            
        }

        button {
          margin: auto;
          cursor: pointer;
          display: block;
          padding: 20px;
          margin-top: 50px;
          align-items: center;
          font-size: 40px;
          font-family: 'Poppins', sans-serif;
          border-radius: 15px;
          border: 5px solid blue;
          background-color: #05fc70;
          color: blue;
          transition: opacity 0.5s, transform 0.5s, background-color 0.2s;
          
        }

        button:hover {
          background-color: #516a75;
        };
      
        


        
