:root {
    --pw-navy: hsl(212, 47%, 15%);
    --pw-gray-50: hsl(210, 20%, 98%);
    --pw-gray-300: hsl(210, 14%, 89%);
    --pw-gray-600: hsl(210, 7%, 56%);
}

.text-pw-navy {
    color: var(--pw-navy);
}

.bg-pw-navy {
    background-color: var(--pw-navy);
}

.bg-pw-gray-50 {
    background-color: var(--pw-gray-50);
}

.text-pw-gray-300 {
    color: var(--pw-gray-300);
}

.text-pw-gray-600 {
    color: var(--pw-gray-600);
}

.transition-smooth {
    transition: all 0.3s ease;
}

article p{
    margin-bottom:15px;
}