.code::-webkit-scrollbar{
  display: none;
}

.container {
font-family: Arial, sans-serif;
padding: 20px;
max-width: 800px;
margin: 0 auto;
background-color: #fdfdfd;
border-radius: 8px;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1);
}

/* Subtitle */
.subtitle {
  font-size: 1.8rem;
  margin-bottom: 12px;
  font-weight: bold;
  background-color: #0075750e;
}

/* Title */
.title {
font-size: 2.4rem;
margin-bottom: 20px;
color: #2c3e50;
text-align: center;
text-transform: capitalize;
}

/* Section Container */
.section {
margin-bottom: 30px;
padding: 20px;
background-color: #ffffff;
border-left: 4px solid #3498db;
border-radius: 8px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
}



/* Text Content */
.text {
font-size: 1.1rem;
line-height: 1.8;
color: #2c3e50;
margin-bottom: 15px;
}

/* Lists */
.list, .orderedList {
margin-left: 20px;
padding-left: 10px;
color: #2c3e50;
}

.orderedList {
list-style-type: decimal;
margin-top: 10px;
}

.list {
list-style-type: disc;
margin-top: 10px;
}

/* Keywords Section */
.keywordsGrid {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 10px;
margin-top: 10px;
background-color: #f4f8fb;
border-radius: 5px;
}

.keyword {
background-color: #2980b9;
color: #ffffff;
padding: 6px 12px;
border-radius: 5px;
font-size: 0.9rem;
font-weight: 500;
transition: transform 0.2s ease;
}

.keyword:hover {
transform: scale(1.05);
}

/* Code Block */
.code {
background-color: #f4f4f8;
border-radius: 5px;
padding: 15px;
font-family: 'Courier New', monospace;
overflow-x: auto;
font-size: 1rem;
line-height: 1.6;
color: #2c3e50;
border: 1px solid #e1e1e8;
margin: 12px 0;
}

/* Styling for table */
.table {
          width: 100%;
          border-collapse: collapse;
          margin-top: 20px;
          font-family: 'Arial', sans-serif;
        }
        
        .table th, .table td {
          border: 1px solid #ddd;
          padding: 12px;
          text-align: left;
        }
        
        .table th {
          background-color: #4CAF50;
          color: white;
        }
        
        .table tbody tr:nth-child(even) {
          background-color: #f2f2f2;
        }
        
        .table tbody tr:hover {
          background-color: #e9e9e9;
        }
        
        .subtitle {
          font-size: 24px;
          margin-bottom: 10px;
          color: #333;
        }
        

/* Conclusion Box */
.conclusion {
font-size: 1.1rem;
line-height: 1.8;
color: #34495e;
background-color: #eaf2f8;
padding: 15px;
border-left: 4px solid #2980b9;
border-radius: 6px;
margin-top: 20px;
}


.hurrayMessage {
margin-top: 30px;
padding: 20px;
background-color: #e8f6f3;
border-left: 4px solid #1abc9c;
border-radius: 8px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
text-align: center;
color: #16a085;
}

.hurrayMessage h2 {
font-size: 2rem;
margin-bottom: 10px;
}

.hurrayMessage p {
font-size: 1.1rem;
line-height: 1.6;
color: #2c3e50;
}

.hurrayMessage strong {
color: #1abc9c;
}