@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
    --colDeepBlue: #00008B;
    --colRoyalBlue: #305CDE;
    --colDarkBlue: #28282e;
}

.col-royalblue {
    color: var(--colRoyalBlue);
}
.bg-royalblue {
    background-color: var(--colRoyalBlue);
}

.col-deepblue {
    color: var(--colDeepBlue);
}
.bg-deepblue {
    background-color: var(--colDeepBlue);
}

.bg-darkblue {
    background-color: var(--colDarkBlue);
}

body {
  font-family: "Manrope", sans-serif;
}

.hero {
  background: linear-gradient(135deg, #f8f9fa, #ffffff);
}

.card {
  border-radius: 12px;
}

.btn-primary {
  background-color: var(--colRoyalBlue);
  border: none;
}
.btn-primary:hover {
  background-color: var(--colDarkBlue);
  border: none;
}

.instructor img {
    width: 440px;
}