@import url('https://fonts.googleapis.com/css2?family=Lugrasimo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');    
        
        * {
            font-family: 'Poppins', sans-serif;
        }
        #eventDetailsName{
          font-family: 'Lugrasimo', cursive;
        }

        .container {
            margin-top: 20px;
        }

        h1 {
            text-align: center;
            margin-bottom: 20px;
        }

        #sizeCount,
        #paymentStatus {
            text-align: center;
            font-weight: bold;
            margin-bottom: 20px;
        }

        tbody {
            background-color: white;
        }

        hr{
          border: 0.5px solid black;
          width: 100%;
        }

        .hr{
          border: 0.5px dotted;
          width: 90%;
        }

        .dashed{
            border: 0.5px dashed;
        }

        /* Responsive Styles */
        @media (max-width: 576px) {
            .container {
                padding-left: 15px;
                padding-right: 15px;
                max-width: none;
            }
        }