:root {
    --main-text-color: #3a3a3a;
    --blue-500: #0082ac;
    --secondary-text-color: #707070;
    --background-gray: #f1f1f1;
    --border-radius: 0.5rem
}
p, ul {
    margin: 0;
}

.flex { display: flex; }
.flex-col { flex-direction: column; }
.justify-center { justify-content: center}
.justify-evenly { justify-content: space-evenly }
.justify-around { justify-content: space-around }
.justify-between { justify-content: space-between }

.rounded { border-radius: var(--border-radius) }

.no-underline { text-decoration: none }

.font-bold { font-weight: 700 }

.btn {
    padding: 0.5rem 2rem;
}

.btn-primary {
    color: #fff;
    background-color: var(--blue-500);
    border-color: var(--blue-500);
}
.btn-primary:hover {
    color: #fff;
    background-color: #3a6a82;
    border-color: #3a6a82;
}

.section-container {
    border-radius: var(--border-radius);
    background-color: var(--background-gray);
    padding: 2rem;
    margin: 1rem 0
}
