body {
    margin: 0;
    text-decoration: none;

}

.text-black {
    color: black !important;
}

.text-bold {
    font-weight: bold;
}

.square-pink {
    background-color: pink;
    border-radius: 8px;
    width: 30px;
    height: 30px;
}

.bg {
    background-image: url(images/image_1.jpg);
    height: 700px;
}

.cover-text {
    color: white;
    margin-left: 30px;
    padding-top: 30px;

}

.box {
    border-radius: 8px;
    width: 35px;
    height: 35px;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.box1 {
    background-color: rgb(41, 15, 192);
}

.box2 {
    background-color: yellow;
}

.box3 {
    background-color: greenyellow;
}

.bg-purple {
    background-color: rgb(193, 119, 236);
}

.center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}


.click-more-btn a {
    color: black;
}


.navbar-style li a {
    color: black;
}

.navbar-style li a:hover {
    color: green;
    text-decoration: underline;
}

.navbar-style li a.active {
    color: skyblue;

}