.card:hover {
    box-shadow: 3px 5px 30px 10px rgb(24, 162, 241);
}

.card-body {
    background: linear-gradient(45deg, rgb(128, 17, 219) 30%, white);
}

.mynav:hover {
    font-size: 30px;
    text-shadow: 3px 3px 4px rgb(128, 17, 219);
}

.btn-primary {
    background-image: linear-gradient(to right, rgb(69, 24, 173), rgb(26, 146, 202));
    border: none;
    border-radius: 50px;
}

.btn-primary:hover {
    font-size: large;
    background-image: radial-gradient(to right,green,blue);
}

.bi-facebook {
    color: blue;
    font-size: 2rem;
}

.bi-instagram {
    color: #f9ed32;
    font-size: 2rem;
}

.bi-whatsapp {
    color: green;
    font-size: 2rem;
}

.bi-linkedin {
    color: blue;
    font-size: 2rem;
}

#icons {
    background-color: black;
    border-radius: 50px;
}
.Sicons:hover{
    font-size: larger;
}
.title::before{
    content: "";
    background-image: linear-gradient(45deg,rgb(128, 17, 219),white);
    width: 200px;
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: translateY(70px);
    margin-bottom: 10px;
    border-radius: 25px;
}