/*
    Colors
    Lilac: r:168 g:134 b:190 #a886be
    Blue: r:37 g:72 b:140 #25488c
    Gray: r:98 g:109 b:137 #626d89
*/
header {
    background: #a886be;
}

footer {
    background: #a886be;
    padding: 10px 5px 1px;
}

label {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-weight: 700;
}

.text-lilac {
    color: #a886be !important;
}

.text-blue {
    color: #25488c !important;
}

.text-gray {
    color: #626d89;
}

.text-roboto-regular {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
.text-source-serif {
    font-family: "source-serif-4-variable", sans-serif;
}

.text-alex {
    font-family: "Alex Brush", cursive;
    font-weight: 400;
    font-style: normal;
}

.bg-custom {
    background-color: #f3f3f3;
}

.btn-special {
    background: #bac8df;
    background-image: -webkit-linear-gradient(top, #bac8df, #cfd7e8);
    background-image: -moz-linear-gradient(top, #bac8df, #cfd7e8);
    background-image: -ms-linear-gradient(top, #bac8df, #cfd7e8);
    background-image: -o-linear-gradient(top, #bac8df, #cfd7e8);
    background-image: linear-gradient(to bottom, #bac8df, #cfd7e8);
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: "Roboto", sans-serif;
    color: #000000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border-top: solid #a886be 5px;
    border-right: solid #a886be 15px;
    border-bottom: solid #a886be 5px;
    border-left: solid #a886be 15px;
    text-decoration: none;
  }
  
  .btn-special:hover {
    background: #bac8df;
    background-image: -webkit-linear-gradient(top, #cfd7e8, #bac8df);
    background-image: -moz-linear-gradient(top, #cfd7e8, #bac8df);
    background-image: -ms-linear-gradient(top, #cfd7e8, #bac8df);
    background-image: -o-linear-gradient(top, #cfd7e8, #bac8df);
    background-image: linear-gradient(to bottom, #cfd7e8, #bac8df);
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: "Roboto", sans-serif;
    color: #000000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border-top: solid #a886be 5px;
    border-right: solid #a886be 15px;
    border-bottom: solid #a886be 5px;
    border-left: solid #a886be 15px;
    text-decoration: none;
  }