* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.navbar-brand {
    color: green;

}


.nav-link:hover{
    color: green;
transition: 0.5s;    
}


.about h1 {
    font-weight: bold;
    opacity: 70%;
}

.about li {
    list-style: none;
}

.main .icon-box {

    width: 350;
    height: 350px;
}

.icon-box:hover {
    -webkit-box-shadow: 2px 2px 21px -7px rgba(54, 53, 54, 1);
    -moz-box-shadow: 2px 2px 21px -7px rgba(54, 53, 54, 1);
    box-shadow: 2px 2px 21px -7px rgba(54, 53, 54, 1);
    transition: 0.6s;
}

.icon-box svg :hover {
    background-color: rgb(0, 98, 255);
}
.fa-solid{
    font-size: 30px;
}