*::selection {
    color: var(--primaryColor);
    background-color: var(--shadow);
}

* {
    margin: 0%;
    padding: 0%;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Cairo', 'Tajawal', sans-serif;
}

main {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);

}

.container-width {
    max-width: var(--container-width);
    margin-inline: auto;
}

button {
    background: none;
    border: none;
    cursor: pointer;
}

h2 {
    width: fit-content;
    text-align: center;
    margin: auto;
    border-bottom: 2px dotted var(--primaryColor);
}

p {
    font-size: 1.1rem;
    line-height: 2.2rem;
}

a {
    text-decoration: none;
}

@media (max-width:425px) {
    ul {
        padding-right: var(--space-md);

    }

    p {
        font-size: 0.8rem;
        line-height: 1.6rem;
    }
}