*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body{
    background-color: oklch(97% 0.014 254.604);
    width: 100%;
}
header{
    text-align: center;
    padding: 0.8rem;
}
header h1{
    font-size: 2.3rem;
    font-weight: 600;
}
nav{
    background: oklch(39.8% 0.07 227.392);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.8rem;
    padding: 1.1rem;
}
nav a{
    color: oklch(98.5% 0.002 247.839);
    text-decoration: none;
    font-size: 1.2rem;
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
}
a:hover{
    background-color: oklch(55.4% 0.046 257.417);

}
main{
    max-width: 1200px;
    margin: 1.2rem auto;
    background-color: oklch(98.809% 0.00011 271.152);
}
section{
    margin: 1.2rem auto;
    padding: 0.8rem;
    border-radius: 8px;
    
}
section .heading1{
    border-bottom: 0.8px solid oklch(92% 0.004 286.32);
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
}
section .content{
    margin: 1.2rem 0.8rem;
}
.code{
    padding: 0 2.4rem;
    border: 1px solid black;
    border-radius: 6px;
    color: white;
    background-color: black;
}
.code pre{
    font-family: monospace;
    font-size: 0.9rem;

}
ul{
    margin-left: 2rem;
}
footer{
    text-align: center;
    border-top: 1px solid oklch(92% 0.004 286.32);
    padding: 1.3rem;
    background-color: oklch(93.2% 0.032 255.585);
    color: oklch(14.1% 0.005 285.823);
}
/*Table Styling*/
table {
    width: 80%;
    margin: 20px auto;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
}
.tableSep td{
    background-color: oklch(81.1% 0.111 293.571);
    color: black;
    font-weight: bold;
}
th, td {
    padding: 12px 20px;
    border: 1px solid #ddd;
    text-align: left;
    font-size: 14px;
}

th {
    background-color: oklch(89.7% 0.196 126.665);
    color: black;
    font-weight: bold;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr:hover {
    background-color: #ddd;
}
td {
    color: #333;
}