body{
            background-color:#f2f2f0 ;
        }
        .stat-container {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        .stat-box {
            width: 150px;
            height: 150px;
            margin: 20px;
            background-color: #007bff;
            color: white;
            clip-path: polygon(50% 0%, 85% 15%, 100% 50%, 85% 85%, 50% 100%, 15% 85%, 0% 50%, 15% 15%);
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-size: 1.3em;
            transition: all 0.3s ease-in-out;
        }
        .stat-box:hover {
            background-color: #0056b3;
        }
        .stat-title {
            font-size: 1em;
            margin-top: 10px;
        }