body{
    position: relative;
    height: 800px;
    background-image:  linear-gradient(rgba(4, 39, 235, 0.397) 0%, rgb(223, 231, 250) 25%, rgb(223, 231, 250)50%, rgb(223, 231, 250) 75%, rgb(223, 231, 250) 100%);
}
nav{
    box-shadow: 2px 2px 4px blue;
}

nav .dropdown-item:hover {
    color: white;
    background-color: #45e986e8;
}
nav .nav-item:hover .nav-link {
    background-color:#45e986e8;
    border-radius: 4px;
    color: white;
    font-weight: bold;
}
nav .nav-item:hover svg {
    fill:white;
}
.col-md-4{
    background-color: #45e986e8;
}
.card {
    margin: 5% auto; 
    box-shadow: 0px 1px 10px gray;
}
.btn {
    background-color: tomato;
    color:white;
}
.btn:hover {
    background-color: white;
    color: #45e986e8;
    border: 1px solid #45e986e8;
}
h3 {
    color: tomato;
}