body {
          justify-content: center;
          align-items: center;
          height: 100vh;
          margin: 0;
          flex-direction: column;
        }
        #message {
          display:block;
          position:absolute;
          top: 33px;
          left: 50px;
          border: 1px solid #000000;
          background-color: #eeffff;
          font-size: 20px;
          font-weight: bold;
          font-family: Arial, sans-serif;
          border-radius: 6px;
          display: none;
        }
        .panagram{
          font-weight: bold;
          color: red;
        }
        
        .centered-div {
            margin: 20px 0;
            text-align: center;
            font-size: 20px;
            font-family: Arial, sans-serif;
        }
        #foundwordslabel{
          position: absolute;
          top:0px;
          left:380px;
          font-size:14px;
        }
        #foundwords{
          position: absolute;
          top:50px;
          left:400px;
          width:100px;
          font-size:11px;
          justify-content: left;
          border:1px solid #999999;
          border-radius: 6px;
        }
        #config{
          position: absolute;
          top:20px;
          left:400px;
          font-size:12px;
          
        }
        #currentword{
          display: none;
          font-size:20px;
          position: absolute;
          top: 60px;
          left: 140px;
          justify-content: center;
          border:1px solid #999999
          display: none;
        }
        #score{
          font-size:20px;
          position: absolute;
          top: 10px;
          left: 50px;
          justify-content: center;
          display: none;
        }
        #hexagon-container {
            position: absolute;
            width: 300px;
            height: 300px;
            display: block;
            top: 100px;
            left: 0px;
        }
        
        .buttons{
          position: absolute;
          margin-top: 20px;
          top: 400px;
          left: 90px;
          justify-content: center;
        
        }
        
 

        .hexagon {
            position: absolute;
            width: 110px;
            height: 110px;
            background-color: #eeee99;
            clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0% 50%);
            display: flex;
            justify-content: center;
            align-items: center;
            color: black;
            font-size: 20px;
            font-weight: bold;
            font-family: Arial, sans-serif;
            cursor: pointer;
            
        }
        
        a:link{
          text-decoration:none;
          color: #000000;
        }
        
        a:visited{
          text-decoration:none;
          color: #000000;
        }

        .hexagon:before,
        .hexagon:after {
            content: "";
            position: absolute;
            width: 0;
            border-left: 40px solid transparent;
            border-right: 40px solid transparent;
        }

        .hexagon:before {
            bottom: 100%;
            border-bottom: 23.09px solid #64C7CC;
        }

        .hexagon:after {
            top: 100%;
            width: 0;
            border-top: 23.09px solid #64C7CC;
        }

        .hexagon:nth-child(1) { top: 0; left: 120px; }
        .hexagon:nth-child(2) { top: 50px; left: 210px; }
        .hexagon:nth-child(3) { top: 150px; left: 210px; }
        .hexagon:nth-child(4) { top: 200px; left: 120px; }
        .hexagon:nth-child(5) { top: 150px; left: 30px; }
        .hexagon:nth-child(6) { top: 50px; left: 30px; }
        .hexagon:nth-child(7) { top: 100px; left: 120px; }