@import "constants.css";

.vert-line{
    border-left: 2px dashed #ddd;
    flex-grow: 1;
}
.fade-in{
    display:inline-block;
    border-radius:3px;
    border-left: 2px dashed #f7f8fa;
    background:
            linear-gradient(#f7f8fa,#f7f8fa) padding-box /* Don't extend this to border */,
            linear-gradient(to bottom, transparent, #ddd) border-box; /*Border-box is not need as it's the default value*/
}
.fade-out{
    display:inline-block;
    border-radius:3px;
    border-left: 2px dashed #f7f8fa;
    background:
            linear-gradient(#f7f8fa,#f7f8fa) padding-box /* Don't extend this to border */,
            linear-gradient(to bottom, #ddd, transparent) border-box; /*Border-box is not need as it's the default value*/
}
.bg-deepblue{
    background-color: var(--primaryColor);
}
.paragraph{
    text-indent: 15px;
}

.fade-in-darker{
    display:inline-block;
    border-radius:3px;
    background:
            linear-gradient(var(--cadetBlueDarker3), var(--cadetBlueDarker3)) padding-box /* Don't extend this to border */,
            linear-gradient(to bottom, transparent, #ddd) border-box; /*Border-box is not need as it's the default value*/
}