.sky-blue-div {
    background: #d9fcff;
}

.color-green {
    color: #056839;
}

.box-shadow-div {
    box-shadow: 0 0 4px #808080;
}

.light-green-div {
    background: #d8f4ac;
}

.yellow-div {
    background: #f4e9ac;
}

.purple-div {
    background: #77439b;
}

.color-blue {
    color: #1043a7;
}

.div-width-100 {
    padding-left: 100px;
}

.tag-div {
    background: #edf6a0;
}

.pos-rel {
    position: relative;
}

.tag-div {
    background: #edf6a0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -100px;
    padding: 7px 23px;
    margin: auto;
    font-size: 24px;
    font-weight: 900;
}

  .light-green-div  .tag-div p {
        margin: auto;
        font-size: 24px;
    }

.div-width-100 div p {
    margin: 0;
}

.light-green-div p {
    font-size: 14px;
    line-height:16px;
}

.full-div {
    align-items: center;
}

    .full-div div:first-child {
        width: 100px;
    }

    .full-div div:last-child {
        width: calc(100% - 100px);
    }

.dark-green {
    background: #009807;
}