/* $teal0: #c5f1f2;
$teal1: #9ee8ea;
$teal2: #81e1e3;
$teal3: #63dadd;
$teal4: #46d3d6;
$teal5: #2cc9cd;
$teal6: #26acaf;
$teal7: #1f8f92;
$teal8: #197375;
$teal9: #135657;
 */

:root{
  --primary-teal: #26acaf;
  --secondary-teal: #1f8f92;
  --tertiary-teal: #135657;
}

body {
  background: var(--primary-teal);
  height: 100%;
  width: 100%;
  margin: 0 auto;
}

.btn-primary{
  background: var(--tertiary-teal);
  border-color: var(--tertiary-teal) ;
}

.btn-primary:hover{
  background: var(--secondary-teal);
  border-color: var(--secondary-teal) ;
}