.grad{
    background: rgb(99,180,104);
    background: linear-gradient(90deg, rgba(99,180,104,1) 0%, rgba(84,148,233,1) 50%, rgba(193,211,185,1) 100%);
}

.grad-e{
  background: rgb(99,180,104);
  background: linear-gradient(120deg, rgba(99,180,104,1) 0%, rgba(84,148,233,1) 50%, rgba(77,207,168,1) 100%);
}

.slantgrad{
  background: rgb(99,180,104);
background: linear-gradient(135deg, rgba(99,180,104,1) 0%, rgba(84,148,233,1) 50%, rgba(193,211,185,1) 100%);
}

.grad-text{
    background: #63B468;
    background: linear-gradient(to right, #63B468 0%, #5494E9 50%, #C1D3B9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mini-grad-text{
  background: #63B468;
  background: linear-gradient(to right, #63B468 0%, #5494E9 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
  }