:root {
    --yellow: #FFEBB3;
    --pink: #FFB5B3;
    --blue: #A0CFD3;
    --white: #F2F3F7;
    --teal: #007A74;
    --raisin: #272635; 
  }

.blue-grad{
    /*background-image: linear-gradient(var(--white), var(--blue));*/
    background-image:linear-gradient(var(--blue), var(--teal));
    color:#272635;
}

.blue-grad-dark{
    background-color:var(--raisin);
    color:#F2F3F7;
}

.yellow-grad{
    background-image:linear-gradient(var(--white),var(--yellow));
    color:#272635
}

.yellow-grad-dark{
    background-color:var(--raisin);
    color:#F2F3F7;
}